javascript - video.js 有条件地默认为 FLV

Question

是否可以让 video.js 使用后备 flv 视频作为 IE 中的标准？我无法让 mp4 在 Internet Explorer 中工作，但只要没有可用的 mp4，Flash 就可以工作。

Answer 1

首先加载播放器脚本/css，然后我们设置“默认”技术顺序。之后我们使用 IE 条件注释来检测 IE 并设置其技术顺序。

<link href="http://vjs.zencdn.net/4.6/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.6/video.js"></script>
<script>
    var techOrderArr = ["html5", "flash"]; // Default for everyone
</script>
<!--[if IE]><script>
    techOrderArr = ["flash","html5"]; // IE specific
</script><![endif]-->

之后，使用 JavaScript 初始化正常设置视频，但包含 techOrder 参数。

<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
    preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg">
    <source src="MY_VIDEO.mp4" type='video/mp4'>
    <source src="MY_VIDEO.webm" type='video/webm'>
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>
<script>
    videojs("MY_VIDEO_1", {
        techOrder: techOrderArr
    });
</script>