[media] attribute does not work on the html video <source> element
Reported by
shr...@gmail.com,
Dec 10
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:63.0) Gecko/20100101 Firefox/63.0 Steps to reproduce the problem: https://jsfiddle.net/fx09uzbk/ <video autoplay muted playsinline> <source media="(max-width: 800px)" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type='video/mp4'/> <source media="(min-width: 801px)" src="https://www.html5rocks.com/en/tutorials/video/basics/devstories.mp4" type='video/mp4'/> </video> First video source plays while not matching media query on the desktop. What is the expected behavior? Second video source should play, as it matches media query. What went wrong? Chromedoes not recognize [media] attribute on the <source> element of the html video Did this work before? N/A Does this work in other browsers? No I can reproduce this in the Firefox 63 Chrome version: 71.0.3578.80 Channel: stable OS Version: 10.0 Flash Version: Someone says, that video media query support has been removed from Google Chrome 34+: https://walterebert.com/playground/video/media-queries/ As I can see in the spec, media attribute should be supported: https://www.w3.org/TR/2014/REC-html5-20141028/embedded-content-0.html#attr-source-media Simmilar SO question: https://stackoverflow.com/questions/25907930/chrome-not-respecting-video-source-inline-media-queries
,
Dec 11
,
Dec 11
,
Dec 12
Able to reproduce the issue on reported chrome version 71.0.3578.80 also on latest chrome 73.0.3637.0 using Mac 10.14.0, Ubuntu 17.10 and Windows 10. Same behavior is seen on M60(60.0.3112.113) hence considering it as non-regression and marking it as Untriaged. Thanks!
,
Dec 24
media attribute on the video source works fine in Safari 12 and Edge 18 |
||||
►
Sign in to add a comment |
||||
Comment 1 by shr...@gmail.com
, Dec 10