IE9正在覆盖带有视频缩略图的HTML5视频的海报属性

时间:2011-10-13 16:30:09

标签: internet-explorer html5 internet-explorer-9 html5-video

我想使用自定义海报图片,虽然这适用于所有优秀的浏览器,但是愚蠢的IE9显示它几毫秒,然后加载视频的缩略图。是否有任何属性或其他方法可以阻止这种情况?

3 个答案:

答案 0 :(得分:7)

首先:IE行为是愚蠢的,但根据HTML5规范是否正确(不再是?)。如果你想责备某人,你应该责怪Apple / Quicktime,因为他们已经要求能够删除海报属性,如果加载了视频的元数据(你可以在Safari4中看到这种行为与旧的Quciktime插件)。现在,Chrome和Safari已经纠正了他们的行为,然后他们改变了规范(Nice move)。

是的,您可以使用解决方法更改此行为,只需在视频元素上使用preload =“none”:

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

答案 1 :(得分:0)

preload="none"似乎解决了IE9中缺少的海报问题,但它有效地禁用了Opera中的控件 - 因为视频进度条指示器在播放时仍保留在视频的开头。

不是一个大问题,除非它发生。想知道是否有一个脚本在IE中启用preload="none",并且在所有其他浏览器中都有preload="auto"

答案 2 :(得分:-1)

请参阅我的解决方案,了解IE9中的海报问题:

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

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

我的两分钱,

干杯