位置: IT常识 - 正文
H5 video 自动播放（autoplay）不生效解决方案(h5能不能自动播放)
发布时间：2024-01-05H5 video 自动播放（autoplay）不生效解决方案 一、简介
本文链接地址:https://www.jiuchutong.com/zhishi/287106.html
转载请保留说明！
推荐整理分享H5 video 自动播放（autoplay）不生效解决方案(h5能不能自动播放)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:h5视频自动播放,h5自动播放背景音乐,h5自动播放背景音乐,h5自动播放背景音乐,h5视频自动播放,h5自动播放背景音乐,h5video自动播放 没声音,h5自动播放背景音乐,内容如对您有帮助，希望把文章链接给更多的朋友！
有个 h5 需要加入播放器，发现在 微信浏览器中 无法自动播放，在 移动端普通浏览器中 也无法正常自动播放
ios 浏览器中（微信或者其他浏览器），每次刷新进入网页首次需要手动点击播放，下次会自动播放。
安卓 在微信浏览器中是随便怎么样都不会进入自动播放，在其他浏览器中会进入自动播放。
ios 平台可以通过微信官方的 jweixin 插件来解决，之前看有些文章说这种方式无法解决安卓机的自动播放(别的文章上写的：安卓就暂时无任何办法，限制太严重，只能通过诱导用户点击屏幕进行播放。)
但是经过测试，ios 上解决了，安卓 上在微信中也自动播放了，两端在其他手机浏览器上也都正常自动播放了，所以不知道是不是微信插件优化好了这个细节。
二、解决办法vue 解决1、安装插件
$ npm i jweixin-module2、main.js 中配置
import wxjssdk from 'jweixin-module'Vue.prototype.$wx = wxjssdk3、使用并解决
mounted () {// 配置this.$wx.config({debug: false,appId: 'wx123456789',timestamp: '',nonceStr: '',signature: '',jsApiList: []})// 上面配置错误也无所谓的，即使配置失败，也会走 ready 函数// 主要目的就是为了走 ready 函数this.$wx.ready(() => {// 取得播放器对象，调用播放事件this.play()})}CDN 解决1、导入。附：微信 jweixin 官方文档地址。
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>2、使用
// 配置wx.config({debug: false,appId: 'wx123456789',timestamp: '',nonceStr: '',signature: '',jsApiList: []})// 上面配置错误也无所谓的，即使配置失败，也会走 ready 函数// 主要目的就是为了走 ready 函数wx.ready(() => {// 取得播放器对象，调用播放事件this.play()})上一篇：阿卡迪亚国家公园的高丛蓝莓植物，缅因州 (© Danita Delimont/Gallo Images/Getty Images Plus)(阿卡迪亚国家公园景点)
下一篇：enternet.exe是安全的进程吗 enternet进程信息查询(enter an integer)
