鍍金池/ 問答/HTML5  影視/ H5 video視頻已經(jīng)加載,但是不能播放。

H5 video視頻已經(jīng)加載,但是不能播放。

1、使用h5原生標(biāo)簽<video>,監(jiān)聽了oncanplay事件,并且也load了, 但是就是執(zhí)行play以后視頻依舊不播放,還是停留在剛加載好的那一幀。
2、代碼:

<video  id="roomVideo"  type="application/x-mpegURL"  style="margin-top:22px;"  class="video-js vjs-default-skin vjs-big-play-centered" x-webkit-airplay="allow" autoplay webkit-playsinline poster="" webkit-playsinline playsinline x5-video-player-type="h5" x5-video-player-fullscreen="true" preload="auto" >
        <source src=" http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8" type="application/x-mpegURL">
        </soure>
        正在加載中……,請稍等
    </video>
    
    var video = document.getElementById('roomVideo');
    video.style.display = 'none';
    video.oncanplay = function(){
        video.load();
        video.play();
    }

    video.error = function(){
        alert("加載失敗");
    }

    video.waiting = function(){
        alert("當(dāng)視頻由于需要緩沖下一幀而停止");
    }

    video.ratechange = function(){
        alert("視頻的播放速度已更改");
    }

    video.play = function(){
        alert("視頻已開始或不再暫停");
    }
回答
編輯回答
冷溫柔

play用touch事件觸發(fā)或者放到wxready里回調(diào)加載。

2018年8月24日 01:31