微信浏览器视频自动播放解决方法

一进入页面单个视频开始自动播放

可使用wx-sdk 中wx.ready()
可监听WeixinJSBridgeReady事件

     //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以document.getElementById('car_audio').play();    //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效document.addEventListener("WeixinJSBridgeReady", function () {document.getElementById('car_audio').play();document.getElementById('video').play();}, false);

列表检测滚动位置进行自动播放

监听scroll事件根据条件执行video.play() 不行，会被阻止。

但是可以在touch事件或者click事件中触发。

原因：

【在很多移动浏览器里，都是要求用户的真实操作来（touchend、click、doubleclick 或 keydown 事件等标准的事件）触发调用video.play(),才能自动播放影音视频。】

各种兼容：

保证原地播放

  <video class="video":src="video.preview_url":poster="video.cover_url":controls="false"x5-video-player-type="h5"webkit-playsinline="true"x-webkit-airplay="true"playsinline="true"x5-video-player-fullscreen="true"muted></video>

微信浏览器视频自动播放解决方法相关推荐

解决手机微信浏览器视频自动播放和默认全屏问题
1.早期因为带宽和流量的因素,移动端浏览器禁止视频自动播放,现在现在流量便宜了.手机硬件越来越好了,部分可支持了 2.在移动端浏览器, video 在用户点击播放或者通过API video.play( ...
苹果ios微信浏览器视频自动播放
在微信H5浏览器内遇见视频在安卓手机环境下可以自动播放,苹果手机环境下不能自动播放的问题,下面研究了两种方法供大家参考. 1,引入微信jssdk(测试没有成功) <script src=&quo ...
H5页面在微信浏览器中自动播放视频
H5页面在微信浏览器中自动播放视频安卓和IOS不同 h5在安卓微信浏览器上的视频不能自动播放 h5在iOS微信浏览器上的视频可以自动播放 iOS的实现方案
iOS 微信音视频自动播放原生接口WeixinJSBridge API(一些整理小技巧)
原文链接1:https://www.w3ctech.com/topic/1165 原文链接2:https://www.cnblogs.com/jasonduan/p/5635048.html 做一下整 ...
微信背景音乐不自动播放解决
微信背景音乐不自动播放解决 document.addEventListener('DOMContentLoaded',function (){function audioAutoPlay(){var ...
微信浏览器无法自动播放视频几种解决方式
公司页面设计打开页面需要播放一个过场的MP4视频,在电脑上手机上都没啥事但是在手机微信浏览器里面视频是无法自动播放的. 网上教你的方式无非就是 //引用官方的JS文件 <script src=& ...
JS实现网站声音提示，兼容IE与chrome，附谷歌chrome浏览器无法自动播放声音解决方法
function playSound(){var borswer = window.navigator.userAgent.toLowerCase();if(!!window.ActiveXObjec ...
微信浏览器背景音乐自动播放
html: <audio style="display:none; height: 0" id="bg-music" preload="auto ...
视频在H5页面在微信浏览器不能自动播放问题
//引用官方的JS文件 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script& ...
微信video视频自动播放
document.addEventListener("WeixinJSBridgeReady",function(){ document.getElementById(" ...

微信浏览器视频自动播放解决方法

一进入页面单个视频开始自动播放

列表检测滚动位置进行自动播放

微信浏览器视频自动播放解决方法相关推荐

最新文章

热门文章

微信浏览器 视频自动播放 解决方法

一进入页面单个视频开始自动播放

列表检测滚动位置进行自动播放

微信浏览器 视频自动播放 解决方法相关推荐

最新文章

热门文章

微信浏览器视频自动播放解决方法

微信浏览器视频自动播放解决方法相关推荐