VideoJS备用方案及Internet Explorer 8

Question

我刚编写了一个跨浏览器视频播放器，并通过ffmpeg进行自动转换，在所有浏览器中都运行良好。由于它们都显示不同的控件，因此我决定使用VideoJS来进行样式设置。

这是我的演示页面： http://www.animero.com/2012/produktioner/jakobsson-pr-vegibar/ 在支持html5视频标签的所有现代浏览器中，应该能看到皮肤控件。但是，我的问题出现在IE8上。回退似乎不起作用，因为我只得到一个黑色框，上面写着“未加载电影...”，但音频仍在播放。

这是我的标记：

<div class="video-js-box">
    <video id="my_video_1" class="video-js vjs-default-skin" width="790" height="444" poster="<?php echo $videoFiles['poster']; ?>" preload autoplay controls data-setup="{}">
        <source src="<?php echo $videoFiles['mp4']; ?>" type="video/mp4" />
        <source src="<?php echo $videoFiles['ogv']; ?>" type="video/ogg" />
        <object id="flash_fallback_1" class="vjs-flash-fallback" width="790" height="444">
            <embed width="790" height="444" src="<?php bloginfo('stylesheet_directory'); ?>/spelare.swf?image=<?php echo $videoFiles['poster']; ?>&video=<?php echo $videoFiles['flash']; ?>" type="application/x-shockwave-flash" wmode="transparent"></embed>
        </object>
    </video>
</div>

当我关闭VideoJS时，一切都很好，而在IE8中我的flash播放器也能正常工作。有人可以帮助我吗？

提前感谢， Jonathan

- Jonathan

---

我在IE8中遇到了类似的问题，正在寻找答案，所以来到了这里。不过我可以告诉你的是，如果你的浏览器不支持<video>标签，video-js会自动为你插入<object>部分，因此你可以省略它。 - acme

Answer 1

您可以下载 Video.js 源代码并将其托管在自己的服务器上，或使用免费的 CDN 托管版本。现在通常建议将 JavaScript 放置在结束 body 标签 () 之前而不是 head ()，但 Video.js 包括一个“HTML5 Shiv”，需要在 head 中放置以使旧版 IE 版本将视频标记视为有效元素。

注意：如果您已经使用像 Modernizr 这样的 HTML5 shiv，则可以在任何位置包含 Video.js JavaScript，但请确保您的 Modernizr 版本包含用于视频的 shiv。

来源：http://videojs.com/docs/setup/ 它起作用了！

- Pat