微信浏览器打开视频不能自动播放
<div style="width: 100%;height:100vh;overflow:hidden;display: flex;
align-items: center;
justify-content: center;">
<video id="videoPlay" style="width:100%;height:100%;background-color: #000;" src="<?php echo $classify['classify_video']; ?>" loop muted autoplay playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-orientation="portraint" x5-video-player-fullscreen="true"></video>
</div>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
// alert(1);
var video = document.getElementById('videoPlay');
if (typeof WeixinJSBrdgeReady == "object" && typeof WeixinJSBridge.invoke == "function") {
voice.play()
} else {
if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", function() {
video.play();
}, false);
} else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", function() {
video.play();
});
document.attachEvent("onWeixinJSBridgeReady", function() {
video.play();
});
}
}
document.addEventListener('touchstart', function() {
document.getElementById('videoPlay').play()
})
$('body').click(function() {
document.getElementById('videoPlay').play()
});
</script>
免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。