之前在网上搜索了许久 发现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 如何使用请注意自己的调用域 });