Geek Answers Handbook

IE9 Overrides Poster Attribute for HTML5 Video with Thumbnail Video

I want to use a custom poster image, and while it works, and all good browsers, stupid IE9 displays it for a few milliseconds, and then uploads a thumbnail of the video. Is there any attribute or other way to prevent this?

+4
source share
3 answers

First of all: IE's behavior is stupid, but was correct according to the HTML5 specification (no more?). If you want to blame someone, you have to blame Apple / Quicktime because they asked to remove the poster attribute if the video metadata is uploaded (you can see this behavior in Safari4 with the old Quciktime plugin). Now Chrome and Safari fixed their behavior, and then changed the specification (Nice move).

Yes, you can change this behavior with a workaround, just use preload = "none" in your video element:

<video preload="none" poster="path/to/poster.jpg" src="path/to/video.mp4"></video>
+7
source

preload="none" seems to solve the problem of the lack of posters in IE9, however, it effectively disables the controls in Opera - in that the progress bar indicator remains at the beginning of the video during playback.

Not a big problem, except that this happens. I would like to know if there is a script to enable preload="none" in IE and have preload="auto" in all other browsers.

0
source

Check out my poster release solution in IE9:

http://www.artbymikeshaffer.com/vids/finalproject_chetbakerquartet_poster7.html

Some simple CSS and conditional statements did the trick. I believe that posters should be placed at the beginning (first frame) and end (last frame) of the video, as if they were album covers. Thus, the image at the beginning and at the end of the video will give an idea of ​​SOME visual ideas on why they should play the video (just like the reason you buy the album, sometimes because of the cover).

My value is two cents

Greetings

-1
source

More articles:


All Articles