videojs雙擊全屏幕觀看，videojs動態加載視頻

前段時間閒來無事弄了弄video.js，感受蠻好玩，能應用到各個應用端，本身在最後玩耍的時候，須要注意的只剩下兩方面了，1，動態加載播放視頻內容2，雙擊全屏觀看，javascript

var urlRoad = ""; var myPlayer = videojs('my-video'); videojs("my-video", {}, function() { window.myPlayer = this; $(" #my-video source").attr("src", ""); myPlayer.src(urlRoad); myPlayer.load(urlRoad); myPlayer.play(); });

只須要把路徑動態放進去就好，可是點擊全屏就有點懵逼了，找了一下，最後發現了個插件，java

https://github.com/ctd1500/videojs-hotkeys，按照方法就ok，瞬間精神爽，git

var urlRoad = "";
        var myPlayer = videojs('my-video');
         videojs('my-video').ready(function() {
          this.hotkeys({
            volumeStep: 0.1,
            seekStep: 5,
            enableVolumeScroll: false, 
            enableModifiersForNumbers: false
          });
        });
        videojs("my-video", {}, function() {
              window.myPlayer = this;
              $(" #my-video source").attr("src", urlRoad);
              myPlayer.src(urlRoad);
              myPlayer.load(urlRoad);
              // myPlayer.enterFullScreen();
              myPlayer.play();
              myPlayer.on("ended", function(){
                videoShowFun (num);
            });
        });

固然在視頻結束後，還能夠執行新的方法，言簡意賅，貼代碼去吧！！github