以前在網上搜索了許久 發現video.js的教程少之又少,大部分都須要去看官方API,使得大部分伸手黨們沒法獲得最好的幫助,再次我發佈下我解決的問題。javascript
需求:在點擊視頻列表中的視頻標題後更換視頻的原地址而且繼續調用video.jshtml
問題:在切換視頻源後視頻video.js不繼續調用java
緣由:重寫了div的html,使video.js後續執行失效ide
代碼:this
$(".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 如何使用請注意本身的調用域 });