微信浏览器无法自动播放视频几种解决方式

这篇具有很好参考价值的文章主要介绍了微信浏览器无法自动播放视频几种解决方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

公司页面设计打开页面需要播放一个过场的MP4视频,在电脑上手机上都没啥事但是在手机微信浏览器里面视频是无法自动播放的。
网上教你的方式无非就是

//引用官方的JS文件
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
//然后在监听WeixinJSBridgeReady
//WeixinJSBridgeReady加上uni.getnetworktype
document.addEventListener("WeixinJSBridgeReady", function () {
    document.getElementById('video').play();
}, false);

还有什么页面window.onload的时候利用setInterval延时一小段时间的
但是这基本都是无效的
因为
微信官方已经声明了
微信浏览器无法自动播放视频几种解决方式

靠谱的方式是
1.用户必须要点击才能触发

//监听用户点击屏幕(点击屏幕后即可播放视频)
document.addEventListener('touchstart', function(){ 
    var video = document.getElementById("video");
        video.play();
}, false);

2.或者直接播放一个gif动图
3.也可以MP4转换成ts视频文件然后用canvas标签套ts实现视频播放效果文章来源地址https://www.toymoban.com/news/detail-510576.html

到了这里,关于微信浏览器无法自动播放视频几种解决方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决谷歌浏览器无法自动播放HTML文件的声音和视频问题的方法

    首先,先检测一下浏览器是否能支持自动播放,点击下方链接进行检测: https://video-dev.github.io/can-autoplay/ 本人检测的谷歌浏览器结果是: 结果显示,谷歌浏览器不能支持有声自动播放视频和音频,包括内联的视频,但静音的视频是支持支持自动播放的,但静音的音频功能依

    2024年02月01日
    浏览(34)
  • video标签设置了autoplay,自带音频的视频在谷歌浏览器仍无法自动播放

    原因分析:谷歌浏览器可以自动播放视频,不能自动播放音频。如果视频中自带音频就会导致该视频无法自动播放。 解决办法:在video标签加上静音属性muted,自带音频的视频就可以自动播放了,但是该视频无声音。 备注:1、这是谷歌浏览器自身的问题。2、Safari浏览器可正

    2024年02月12日
    浏览(38)
  • 前端视频无法自动播放的问题,基于Chrome浏览器的自动播放策略原理,详细解释加了autoplay属性之后视频仍然不能自动播放的问题,并提供了二种主流的解决方法

    目录 一,什么是Chrome浏览器的自动播放策略?(原理讲解,懂了原理解决问题就会非常简单) 1.生活场景中的案例 2.Chrome自动播放策略 3.什么是媒体参与度  二: 案例演示(无法播放的情况) 1.使用autoplay属性 2.我们使用js来控制视频自动播放 3.这究竟是为什么 三.解决方案

    2024年02月09日
    浏览(39)
  • 微信浏览器(公众号小程序),h5端,小程序 ,app端 解决video视频自动触发播放问题,

    最近一直在开发h5端 和公众号小程序,一般总会遇到video不能自动触发播放(由于不同浏览器限制)、 微信浏览器: 写一个方法: 2.在onload和change方法中执行:调用  不加延时器时器没有效果得,这样在微信公众号在微信浏览器中会实现自动播放 h5端 ,微信小程序 实现自动

    2024年02月05日
    浏览(37)
  • 解决浏览器无法自动播放音频的问题

    项目场景:要求根据后台返回数据做一个语音提示功能 浏览器报Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. 由于浏览器为了避免自动播放音频打扰用户,因此浏览器做出了限制,只有用户与浏览器交互,如点击事件等等,才会播放音频

    2024年02月12日
    浏览(36)
  • 浏览器自动播放音视频-前端实现方案

    目录 前言 浏览器自动播放策略 策略详情: 实现方案  方案1: 互动后播放 方案2: 互动后出声 总结 在开发中可能有遇到这样的需求,当用户打开页面后,需要自动播放视频或音频,按理说那就打开页面时play()一下不就搞定了吗,但实际情况很明显不是,不然也没得这篇文

    2024年02月04日
    浏览(44)
  • chrome和edge浏览器,实现视频不静音自动播放

    chrome a.先打开网站的设置 b.找到声音设置,将 自动(默认)修改为 允许,然后刷新原网页即可。 microsoft edeg a.和chorme一样的操作,先打开设置。 b.选择cookie和网站权限,找到媒体自动播放设置后进入。 c.设置为允许即可。当然如果你只想要某些网站允许自动播放,可以在下

    2024年02月12日
    浏览(71)
  • 【音视频笔记】Mediacodec+Muxer生成mp4,浏览器无法播放问题处理

    最近在测试视频录制功能时发现,AudioRecord + MediaCodec + MediaMuxer生成的MP4,PC浏览器无法播放 ,但是Android、Windows、Mac的播放器应用都能正常播放。虽然不禁想吐槽浏览器视频组件的容错性差,但我也意识生成的文件格式肯定也是有问题的。 然后尝试了合成MP4视频时,只保留视

    2024年02月07日
    浏览(43)
  • 解决苹果Safari 浏览器下html不能自动播放声音和视频的问题-实时语音通话功能【唯一客服】...

    在实现我的客服系统中,实时语音通话功能的时候,如果想自动播放音视频流,在苹果设备上遇到了问题。 苹果浏览器(Safari)在默认情况下不允许声音在背景里自动播放。这是出于用户体验和隐私方面的考虑,避免在用户没有意识到的情况下自动播放声音。 解决办法是 iOS

    2024年02月12日
    浏览(85)
  • 浏览器中修改视频播放速度

    在浏览器观看视频时无法设置视频倍速,或提供的倍速不够,还想要加快播放速度。解决这个问题只需要简单几步即可随意设置播放速度。在此之前需要了解一点点的浏览器操作知识与JS语法,不会也没关系按照下面操作就可以。 这里介绍一下视频对象的一些属性和方法,如

    2023年04月10日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包