Web Wish 6: Responsive Posters
Last year, we finally regained support for using media queries for delivering responsive video, thanks to Scott Jehl.
That is awesome, but there's still room for improvement.
The <video> element still supports only a single source for the poster image.
Wouldn't it be great if you could deliver responsive poster images along with the responsive video?
One way to do this would be allowing a child <picture> element to control the <video> poster.
This would enable support for using media-queries to art direct the poster images, matching the video source.
It would also allow for multiple resolutions of the poster image,
lazy-loading of the poster image and adding an alt-text to the poster image.
This Christmas, I'm wishing for a way to add responsive poster images to the <video> element.
Relevant issues and PRs: