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);

    }

}