videojs 遇到的坑汇总

videojs 和 mui.js 冲突的解决方案

//视频播放  
videojs("#hk-video",{},function(){  
    //阻止相关控制元素上的相关事件冒泡,否则当引入了mui.js以后就会2333,目前只发现touchstart事件有影响  
    mui("#hk-video").on("touchstart",".vjs-control",function(){  
        return false;  
    });  
});

参考：https://ask.dcloud.net.cn/question/30088

手机端用 touchstart，PC端用 click

捕获双击事件

videojs('#id', {
    userActions: {
        doubleClick: myDoubleClickHandler
    }
}, function() {})

iOS 自动播放

document.addEventListener('WeixinJSBridgeReady',function(){
    $('#shakeVideo').play();
},false);

参考：https://blog.csdn.net/tangxiujiang/article/details/78146871

其他参考：https://webkit.org/blog/6784/new-video-policies-for-ios/

 

 

videojs options:  https://docs.videojs.com/tutorial-options.html

videojs components: https://docs.videojs.com/tutorial-components.html

videojs methods/events: https://docs.videojs.com/player