H5 video 自动播放(autoplay)不生效解决方案
admin
2024-04-22 18:07:25
0

一、简介

  • 有个 h5 需要加入播放器,发现在 微信浏览器中 无法自动播放,在 移动端普通浏览器中 也无法正常自动播放

    • ios 浏览器中(微信或者其他浏览器),每次刷新进入网页首次需要手动点击播放,下次会自动播放。

    • 安卓 在微信浏览器中是随便怎么样都不会进入自动播放,在其他浏览器中会进入自动播放。

  • ios 平台可以通过微信官方的 jweixin 插件来解决,之前看有些文章说这种方式无法解决安卓机的自动播放(别的文章上写的:安卓就暂时无任何办法,限制太严重,只能通过诱导用户点击屏幕进行播放。)

  • 但是经过测试,ios 上解决了,安卓 上在微信中也自动播放了,两端在其他手机浏览器上也都正常自动播放了,所以不知道是不是微信插件优化好了这个细节。

二、解决办法

  • vue 解决

    1、安装插件

    $ npm i jweixin-module
    

    2、main.js 中配置

    import wxjssdk from 'jweixin-module'
    Vue.prototype.$wx = wxjssdk
    

    3、使用并解决

    mounted () {// 配置this.$wx.config({debug: false,appId: 'wx123456789',timestamp: '',nonceStr: '',signature: '',jsApiList: []})// 上面配置错误也无所谓的,即使配置失败,也会走 ready 函数// 主要目的就是为了走 ready 函数this.$wx.ready(() => {// 取得播放器对象,调用播放事件this.play()})
    }
    
  • CDN 解决

    1、导入。附:微信 jweixin 官方文档地址。

    
    

    2、使用

    // 配置
    wx.config({debug: false,appId: 'wx123456789',timestamp: '',nonceStr: '',signature: '',jsApiList: []
    })
    // 上面配置错误也无所谓的,即使配置失败,也会走 ready 函数
    // 主要目的就是为了走 ready 函数
    wx.ready(() => {// 取得播放器对象,调用播放事件this.play()
    })
    

相关内容

热门资讯

北京口碑好!避暑天花板级定制旅... 家人们,夏日炎炎,找个好地方避暑再安排一场超棒的旅行,简直是人生一大美事!今天就来给大家揭秘北京口碑...
迈向“世界文化旅游名城”,成都... 图片来源:每经记者 杨欢 摄 一部《哪吒之魔童闹海》,让成都文旅产业再次受到瞩目。一个问题摆在成都面...
去西安玩哪里最好玩?西安五日旅... 一直以来,和姐妹来一场说走就走的旅行就是我们的心愿。这次,我们把目的地定在了历史文化底蕴深厚的西安。...
暑假去张家界五日游纯玩团价格多... 第一天:抵达张家界,初探魅力山城 清晨从北京出发,搭乘早班飞机抵达张家界荷花国际机场,一出机场就被这...
考研专业课怎么背 考研专业课怎么背用树型思维,鱼骨思维等,先记住大纲,再记小类内容试试吧。考研,也是很多要背的东西,我...
2025年凉山彝族火把节启幕 ... 封面新闻记者 罗石芊 延续千年的火把节,如今已是四川凉山州众多传统节日中,规模最大、场面最壮观、参与...
冷战怎么幽默的开口 冷战怎么幽默的开口可以给对方买一些她(他)喜欢的小吃或者是零食,然后幽默地告诉她(他)“这不是我买的...
求宠物小精灵中火箭队的经典对白... 求宠物小精灵中火箭队的经典对白。既然你诚心诚意的发问了,我就大发慈悲的告诉你。为了防止世界被破坏,为...
全智贤孙艺珍李惠利,一天之内多... 全智贤孙艺珍李惠利,一天之内多位韩星上中国热搜榜,理由有喜有忧?这些人上热搜都是因为有喜事,她们三个...
女主叫苏暖,男主姓牧,男配叫商... 女主叫苏暖,男主姓牧,男配叫商墨女主叫苏暖,男主姓牧,男配叫商墨总裁的落跑前妻
陡峭的峭字怎么组词 陡峭的峭字怎么组词陡峭的峭字组词:陡峭、峻峭、料峭、冷峭、峭壁、峭拔、寒峭、峭直、峭立、逋峭、峭崄、...
有没有写明朝的书 有没有写明朝的书《明朝的那些事》
养生有关的成语? 养生有关的成语?休养生息,养精蓄锐,心宽体胖,心旷神怡,闻鸡起舞,一日三餐,静如处子动如脱兔,
朗读的好处 朗读的好处 一、朗读是倾听自己的声音。在欣赏自己的声音过程中获得充实和满足感,坚持朗读,有利于形象思...
福熙是哪个韩剧里面的 福熙是哪个韩剧里面的福熙是韩剧《微笑妈妈》里的。福熙是韩剧《微笑妈妈》里的,角色全名叫赵福熙,她是申...
“不”字的读音及用法 “不”字的读音及用法“不” 1、x不:无论x读音是什么,“不”都读第四声 2、不x:当x为第一、...
连续剧<小爸爸>第22集,文章... 连续剧<小爸爸>第22集,文章脖子上挂的哪个小包是什么牌子的?我也想知道是什么牌子的...更新到22...
请大家推荐几个好玩搞笑的言情小... 请大家推荐几个好玩搞笑的言情小说好吗?哆来咪发唆那小子真帅恋曲哆来咪1、交错时光的爱恋、戏点鸳鸯2、...
杭州学而思英语班好吗 杭州学而思英语班好吗 凑合吧,不是专业的,英语还是新东方的好
一本书能读,但是不过脑,读不懂 一本书能读,但是不过脑,读不懂一本书能读,但是不过脑,读不懂解决办法:因为你要读的书籍太难,让你在读...