HTML and CSS Reference
In-Depth Information
<video id="myVideo" width="400" height="225" controls
poster="img/poster.png" >
...
</video>
4. IE9 contains a bug that prevents the browser from using the poster image. To work around this bug, you
need to add a preload attribute to the <video> element and set its value to none .
<video id="myVideo" width="400" height="225" controls
poster="img/poster.png" preload="none" >
...
</video>
5. Save the about.html file.
Now, if you take a look at the About page in your web browser, you should see a nice image of Mike the Frog, as
shown in Figure 11-3.
Figure 11-3 The video element now has a poster image that replaces the black box that was previously displayed.
Search WWH ::




Custom Search