解决安卓微信video标签标签劫持

需求

期望网页中的video标签，不在安卓微信中被劫持播放。

代码

可能视频地址失效，换个视频地址，再测试。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div>hello test
</div>
<video id="h" src="http://cdn1.h5mugeda.com/c/uj_g/q1ob/videos/5c7f848decb65e22376710c3.mp4" playsinline=""  x-webkit-airplay="" webkit-playsinline="" x5-playsinline preload="auto"  style="width: 100%;"></video><script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>// IOS  webkit-playsinline="true" playsinline="true"// 安卓  x5-playsinline="" 且 需要执行 play() 方法//--创建页面监听，等待微信端页面加载完毕 触发音频播放document.addEventListener('DOMContentLoaded', function () {function audioAutoPlay() {var audio = document.getElementById('h');audio.play();document.addEventListener("WeixinJSBridgeReady", function () {audio.play();}, false);}audioAutoPlay();});//--创建触摸监听，当浏览器打开页面时，触摸屏幕触发事件，进行音频播放document.addEventListener('touchstart', function () {function audioAutoPlay() {var audio = document.getElementById('h');audio.play();}audioAutoPlay();});
</script>
</body>
</html>

解决安卓微信video标签标签劫持相关推荐

解决安卓微信浏览器中location.reload 或者 location.href失效的问题
解决安卓微信浏览器中location.reload 或者 location.href失效的问题参考文章: (1)解决安卓微信浏览器中location.reload 或者 location.href失 ...
Android上传文件到服务器500,使用WebUploader解决安卓微信浏览器上传图片中遇到的bug...
摘自个人博客:走啊走的记录,欢迎点击查看,效果更佳! 微信浏览器上传图片bug的原因微信在新版本中采用的是自己的X5内核浏览器,而在较老的版本中还有可能是安卓的原生浏览器.具体的环境我也不太了解,但 ...
使用WebUploader解决安卓微信浏览器上传图片中遇到的bug
微信浏览器上传图片bug的原因微信在新版本中采用的是自己的X5内核浏览器,而在较老的版本中还有可能是安卓的原生浏览器.具体的环境我也不太了解,但是经过实际多台安卓机型的测试,我采取的方案可以基本确保 ...
把 charles，Fiddler 证书安装到安卓根目录，解决安卓微信 7.0 版本以后安装证书也无法抓包问题，需要 root
From:https://testerhome.com/topics/21956 OpenSSL :https://slproweb.com/products/Win32OpenSSL.html 谷歌 ...
解决安卓微信无法调用相机
去掉最开始方案capture="camera" 添加 accept="image/*"
uniapp关于安卓微信H5多选的尝试、解决方案
uniapp关于安卓微信H5多选的尝试.解决方案简介: 在开发中遇到安卓微信H5的图片无法多选问题,由此开始了各种方案的尝试,结果和解决方案在底部. 开始尝试: 1.使用原生html标签尝试,mul ...
video标签poster属性在安卓微信中不生效问题解决
video标签poster属性在安卓微信中不生效问题解决参考文章: (1)video标签poster属性在安卓微信中不生效问题解决 (2)https://www.cnblogs.com/shicha ...
video 满屏显示_微信video标签视频设置全屏属性
微信video标签视频设置全屏属性,支持安卓和ios系统的视频控制器和播放按钮隐藏和视频全屏,微信使用的内核是X5 x-webkit-airplay="true" x5-video ...
解决html5中video标签无法播放mp4问题的办法
解决html5中video标签无法播放mp4问题的办法参考文章: (1)解决html5中video标签无法播放mp4问题的办法 (2)https://www.cnblogs.com/it-tsz/p ...

解决安卓微信video标签标签劫持

解决安卓微信video标签标签劫持

需求

代码

解决安卓微信video标签标签劫持相关推荐

最新文章

热门文章