2016年1月19日 video.js修改视频源后再调用

  之前在网上搜索了许久  发现video.js的教程少之又少,大部分都需要去看官方API,使得大部分伸手党们无法得到最好的帮助,再次我发布下我解决的问题。

  需求:在点击视频列表中的视频标题后更换视频的原地址并且继续调用video.js

  问题:在切换视频源后视频video.js不继续调用

  原因:重写了div的html,使video.js后续执行失效

  代码:

  

$(".subMenu a").click(function(){
        var u = $(this).data("url");
        videojs.options.flash.swf = "__JS__/video/video-js.swf";
        $("#v").attr("src", u);
        $(".subMenu").find("a").removeClass("cur");
        $(this).addClass("cur");
        var myPlayer =  videojs("video");  //初始化视频
        myPlayer.src(u);  //重置video的src
        myPlayer.load(u);  //使video重新加载
        //特别提醒:如果使用JQuery的Load方法是无法重新加载的  请使用video.js中内置的load   如何使用请注意自己的调用域
    });
posted @ 2016-01-19 12:02  叶落深秋  阅读(21250)  评论(7编辑  收藏  举报