之前在網上搜索了許久 發現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 如何使用請注意自己的調用域
});
