IE9 HTML5视频错误?

时间:2012-03-13 00:19:39

标签: html5-video

我有一些奇怪的错误只发生在IE9中,每当我想播放HTML5时它都不会自动加载,但如果我点击地址栏然后按回车键,它会起作用,这让我发疯了

<video id="video_1_1" class="video-js vjs-default-skin"  
              controls preload="auto" width="480" height="270"  
              poster="images/videos/video1_1_poster.png"  
              data-setup='{"controls": true, "autoplay": false, "preload": auto}'>  
                <source src="images/videos/vid1.1.mp4" type='video/mp4'/>
                <source src="images/videos/vid1.1.webm" type='video/webm' />
                <source src="images/videos/vid1.1.ogv" type='video/ogv' />
            </video>

1 个答案:

答案 0 :(得分:0)

查看此页面;它提供了IE9海报问题的解决方案,并扩展了视频编解码器:

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

一些简单的CSS和条件语句就可以了。我现在认为海报应该放在视频的开头(第一帧)和结束(最后一帧),好像它们是专辑封面。通过这种方式,视频开头的图像将为观众提供一些视觉概念,让他们知道为什么要播放它(就像有时候因为封面而购买专辑的原因)。

干杯