New issue
Advanced search Search tips

Issue 913720 link

Starred by 1 user

Issue metadata

Status: Untriaged
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

[media] attribute does not work on the html video <source> element

Reported by shr...@gmail.com, Dec 10

Issue description

UserAgent: 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
 
Labels: Needs-Triage-M71
Components: Blink>Media
Cc: phanindra.mandapaka@chromium.org
Labels: Triaged-ET Target-73 M-73 FoundIn-71 FoundIn-73 FoundIn-72 OS-Linux OS-Mac
Status: Untriaged (was: Unconfirmed)
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! 
media attribute on the video source works fine in Safari 12 and Edge 18

Sign in to add a comment