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