H5瀏覽器視頻，原生窗口播放

一、原生H5視頻video標簽里可以將下面屬性設置，即可設置為窗口播放；

二、IOS-9.x以上版本的QQ瀏覽器播放視頻時采用的是QQ瀏覽器內置的播放器，導致多視頻切換時無法正常切換，只需要在每次播放視頻時，添加video屬性video.setAttribute(“webkit-playsinline”,””);video.setAttribute(“playsinline”,””);video.setAttribute(“x5-playsinline”,””);video.setAttribute(“x-webkit-airplay”,”true”);即每次video.play()之前通過js設置這些屬性；

三、微信內自動播放視頻：

musicFlag = false;
function musicPlay() {
    var media = document.getElementById('bgAudio');
    if (!musicFlag && media.paused) {
        musicFlag = true;
        media.play();
        $('.musicIcon').addClass('playM');
    } else {
        musicFlag = false;
        media.pause();
        $('.musicIcon').removeClass('playM');
    }
}
var userAgent = window.navigator.userAgent.toUpperCase();
function autoPlayMusic() {
    try {
        if (userAgent.indexOf("MICROMESSENGER") != -1) {
            document.addEventListener("WeixinJSBridgeReady", function () {
                musicPlay();
            }, false);
        } else {
            function musicInBrowserHandler() {
                musicPlay();
                document.body.removeEventListener('touchstart', musicInBrowserHandler);
            }
            document.body.addEventListener('touchstart', musicInBrowserHandler);
        }
    } catch (e) {
        console.log(e);
    }
}

posted @ 2020-09-25 09:32 BGweizheng 閱讀(799) 評論(0) 收藏舉報

刷新頁面返回頂部

BGweizheng

為自己而存在!

H5瀏覽器視頻，原生窗口播放

公告