前端使用video标签播放视频

646 阅读1分钟

video这个标签,真是无力吐槽。在移动端的表现太坑了,找了个JSMpeg的解决方案,由于不太熟悉而搁浅。还是迫于无奈继续忍受video

  • 设置 x5-video-player-type 属性,设置调用同层播放器
  • 设置 x5-playsinline 属性,设置视频行内播放,不自动全屏
function video(element){
    // getVideo
    var vTouch = true;
    var video = document.getElementById(element);

    // listenerPlay
    video.addEventListener('play',function(){
        vTouch = false;
    },false)

    // weixinPlay
    document.addEventListener("WeixinJSBridgeReady",function(){
        video.play();
    },false);

    // touchPlay
    document.addEventListener('touchstart', function(){
        if(touch){
            video.play();
        }
    }, false);
}