The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Responsive Images for Video Poster

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #271803

    I have a page with two different videos and different aspect sizes depending on whether someone accesses my site with a mobile device or on desktop. I would like to not only offer different videos but also different posters (stills)

    <video controls height="100%" width="100%" poster="/image1.png">
    <source src="" type="video/mp4" media="all and (max-width: 444px)" > 
    <source src="" type="video/mp4" media="all and (min-width: 445px)" > 

    What can I do to integrate image2.png and load it with video 2.mp4


    hint: specify a transparent image as the actual poster image

    in css change it in media query

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.