HTML and CSS Reference
In-Depth Information
The video controls are placed over the content, including the poster image, so place text in the
poster image accordingly. In addition, Safari and IE seem to hide the poster image once the
video has been fully cached, but Firefox, Opera, and Chrome will redisplay the poster image
when the page is refreshed, even with the video cached, as shown in Chrome in
Figure 1-4
.
Figure1-4.Video playing in Chrome with a poster image and width and height set, after video is
fully cached
Regardless of how browsers handle the
width
,
height
, and
poster
attributes, their use in-
creases the polished perception of the video.
