IE9 使用视频缩略图覆盖 HTML5 视频的海报属性答案

【问题标题】：IE9 is overriding the poster attribute for an HTML5 video with a thumbnail of the videoIE9 使用视频缩略图覆盖 HTML5 视频的海报属性
【发布时间】：2011-12-07 02:57:18
【问题描述】：

我想使用自定义海报图像，虽然这在所有优秀的浏览器中都有效，但愚蠢的 IE9 会显示它几毫秒，然后加载视频的缩略图。有什么属性或其他方法可以防止这种情况发生吗？

【问题讨论】：

标签： internet-explorer html internet-explorer-9 html5-video

【解决方案1】：

首先：IE 行为很愚蠢，但根据 HTML5 规范是正确的（不再是？）。如果你想责怪某人，你应该责怪 Apple/Quicktime，因为如果加载了视频的元数据，他们已经要求能够删除海报属性（你可以在 Safari4 中使用旧的 Quciktime 插件看到这种行为）。现在，Chrome 和 Safari 已经纠正了他们的行为，然后他们改变了规范（不错的举动）。

是的，您可以使用解决方法来更改此行为，只需在您的视频元素上使用 preload="none"：

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

【讨论】：

是的，但如果您仍想预加载并使用海报，这不是解决方案

【解决方案2】：

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

不是一个大问题，只是它发生了。想知道是否有脚本可以在IE中启用preload="none"，并在所有其他浏览器中启用preload="auto"。

【讨论】：

这不是一个真正的答案，你应该ask your own question
是的，但如果您仍想预加载并使用海报，这不是解决方案

【解决方案3】：

查看我在 IE9 中的海报问题的解决方案：

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

一些简单的 CSS 和条件语句就可以解决问题。我现在认为海报应该放在视频的开头（第一帧）和结尾（最后一帧），就好像它们是专辑封面一样。通过这种方式，视频开头和结尾的图像会给视图一些视觉上的想法，让他们知道为什么要播放视频（就像您购买专辑的原因有时是因为封面一样）。

我的两分钱，

干杯

【讨论】：

我们不会修改内容以适应样式，这不是事情应该如何运作的。