Question

是否可以使用Video.js动态更改视频源？

这是我正在使用的代码。它与Firefox和Chrome完美配合。但是对于IE它只工作一次，如果我点击另一个视频，我得到“媒体无法加载，因为服务器或网络失败，因为格式不受支持。”

我在Stackoverflow中测试了所有先前的问题答案，但我仍然得到同样的错误。

HTML：

<video id='div_video' class="video-js vjs-default-skin" controls preload='none' width='590' height='387'>
    <source src='' type="video/mp4">
    <source src='' type="video/webm">
</video>

<ul class="sbs_index">
    <li class='open_video' data-video='one'> One (1:08) </li>
    <li class='open_video' data-video='two'> Two (0:43) </li>
</ul>

使用Javascript：

<script>
    $(function () {
        $('.open_video').on("click", function() {
            var video_src = $(this).data("video");
            var vid_obj;
            videojs("div_video").ready(function(){
                vid_obj = this;
                vid_obj.pause();
                vid_obj.src([
                    { type: "video/mp4", src: video_src + ".mp4" },
                    { type: "video/webm", src: video_src + ".webm" }
                ]);
                vid_obj.load();
                vid_obj.play();
            });
        });
    });
</script>

使用Video.js使用IE动态更改视频源

0 个答案: