微信的移动网络下视频自动播放功能,微信启用视频功能

  微信的移动网络下视频自动播放功能,微信启用视频功能

  现在大多数H5网页都有播放背景音乐和视频的功能。那如何实现自动播放呢?

  纯H5页面无法在手机上自动播放。大多数手机浏览器会禁用视频和音频的自动播放功能。而且很多手机浏览器都不支持js调用play方法第一次播放(只有用户手动点击播放后才能暂停,然后用代码播放)。

  这主要是为了防止不必要的自动播放浪费流量。

  下面的代码是实现用户第一次触摸后的播放,以及微信app下的自动播放。

  XML/HTML代码将内容复制到剪贴板functionautoPlayMusic(){ /*自动播放音乐效果,解决浏览器或APP autoplay */functionmusicbrowserhandler(){ musicplay(true);document . body . removeeventlistener( touch start ,musicInBrowserHandler);} document . body . addevent listener( touch start ,musicInBrowserHandler);/*自动播放音乐解决微信自动播放问题*/FunctionMusicinWaixinHandler(){ MusicPlay(true);document . addevent listener( weixinsbridgeready ,function(){ musicPlay(true));},假);document . removeeventlistener( DOMContentLoaded ,musicInWeixinHandler);} document . addevent listener( DOMContentLoaded ,musicInWeixinHandler);} function music play(is play){ var media=document . getelementbyid( my music );if(isplay media . paused){ media . play();}如果(!isPlay!media . paused){ media . pause();}}}以上是边肖介绍的微信、app下HTML5页面音视频自动播放的实现方法。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对网站的支持!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: