Intent to implement and ship: Media query support for video <source> elements
Dale Curtis
Contact emails
dalec...@chromium.orgExplainer
NoneSpecification
https://html.spec.whatwg.org/multipage/media.html#loading-the-media-resourceDesign docs
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#media
Summary
Adds support for CSS media queries to <source> elements used with <video> elements. Allowing developers to use media query syntax to tell the browser which source should be preferred for a given environment.
Blink component
Blink>Media>VideoTAG review
NoneTAG review status
Not applicableRisks
Interoperability and Compatibility
Chromium used to support this feature, but it was deprecated and removed in https://bugs.chromium.org/p/chromium/issues/detail?id=338197 -- foolip@ now believes this removal was incorrect.
Gecko: Shipped/Shipping (https://bugzilla.mozilla.org/show_bug.cgi?id=1836128)
WebKit: Shipped/Shipping (https://github.com/whatwg/html/issues/6363#issuecomment-1556228111)
Web developers: Positive (12 stars on the issue. Developers are passionate enough to implement the feature themselves in Firefox)
Other signals:
WebView application risks
Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?
None
Debuggability
None
Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?
YesIs this feature fully tested by web-platform-tests?
YesFlag name on chrome://flags
NoneFinch feature name
VideoSourceMediaQuerySupportRequires code in //chrome?
FalseTracking bug
https://bugs.chromium.org/p/chromium/issues/detail?id=1450316Estimated milestones
| Shipping on desktop | 120 |
| Shipping on Android | 120 |
| Shipping on WebView | 120 |
Anticipated spec changes
Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way).
NoneLink to entry on the Chrome Platform Status
https://chromestatus.com/feature/5144127067127808
Yoav Weiss
Summary
Adds support for CSS media queries to <source> elements used with <video> elements. Allowing developers to use media query syntax to tell the browser which source should be preferred for a given environment.
Blink component
Blink>Media>VideoTAG review
None
--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAPUDrwcJ42qj-ddQQcRi8f-YmfmzbkU-VStxdeM%2By_8u3%3Dh9-Q%40mail.gmail.com.
Chris Harrelson
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAL5BFfUftmz%3DW0a669TettTi%2BJbpYnrydgMsNYLhaeALa_CUuA%40mail.gmail.com.
Dale Curtis
LGTM1Thanks for correcting this historical mistake!On Thu, Oct 5, 2023, 21:11 Dale Curtis <dalec...@chromium.org> wrote:We could almost use MDN as the explainer, other than my comment below.MDN still says the media on<source> is only allowed with a <picture> parent. Could y'all file an issue to get that fixed?
