首页 > 其他 > 详细

H5浏览器视频,原生窗口播放

时间:2020-09-25 11:28:58      阅读:60      评论:0      收藏:0      [点我收藏+]

一、原生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);
    }
}

H5浏览器视频,原生窗口播放

原文:https://www.cnblogs.com/BGweizheng/p/13728254.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!