HTML and CSS Reference
Unfortunately, different browsers handle poster images differently:
• Firefox stretches the image to fill the dimensions of the player (see Recipe 5.3 ).
• Chrome keeps the image at its original size.
• Safari displays the poster image until the video data is loaded, at which point it
displays the first frame from the video. If the poster image is a different size from
the video, the video is resized to match the aspect ratio of the poster image (see
Figure 5-3 ).
Figure 5-3. Safari 5 resizes the video to match the aspect ratio of the poster image, making it important
to ensure your images are sized correctly
John Foliot points out the lack of accessibility of the poster attribute in a blog post at
. Keep this limitation in mind when using poster .