![]() In the above example, you can see file trailer-small.mp4/webm will only load for devices that have a max-width of 480 pixels. I am not sure how many peoples know that you guys can easily apply media queries to the source element when providing different source files for your embedded video and audio.īy adding a valid media query to a video source, we need to specify the following particular source that should use when a device matches the media query. (For more information you can visit CSS media queries.) If you know about the responsive design and you probably hear about responsive media queries and chances are you’ve used them yourself.įor those who haven’t know about it, media queries allow us to define specific CSS rules for different output devices such as the iPhone, iPad, etc without changing the actual content.
0 Comments
Leave a Reply. |