如何实现HTML5页面音视频在微信和app下自动播放

现在大部分的H5页面都有实现播放背景音乐，播放视频功能。那怎么实现自动播放呢？

纯H5页面在手机端中是无法实现自动播放，移动端浏览器大部分是禁用video和audio的autoplay功能并且，很多移动浏览器也不支持首次js调用play方法进行播放（只有用户手动点播放后暂停，然后用代码进行play可以）。

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

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

function autoPlayMusic() {  /* 自动播放音乐效果，解决浏览器或者APP自动播放问题 */  function musicInBrowserHandler() {  musicPlay(true);  document.body.removeEventListener( touchstart , musicInBrowserHandler);  document.body.addEventListener( touchstart , musicInBrowserHandler);  /* 自动播放音乐效果，解决微信自动播放问题 */  function musicInWeixinHandler() {  musicPlay(true);  document.addEventListener( WeixinJSBridgeReady , function () {  musicPlay(true);  }, false);  document.removeEventListener( DOMContentLoaded , musicInWeixinHandler);  document.addEventListener( DOMContentLoaded , musicInWeixinHandler); function musicPlay(isPlay) {  var media = document.getElementById( myMusic  if (isPlay media.paused) {  media.play();  if (!isPlay !media.paused) {  media.pause(); }

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP ！

相关推荐：

如何利用HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码的功能

HTML5实现使用按钮控制背景音乐开关的方法

以上就是如何实现HTML5页面音视频在微信和app下自动播放的详细内容，其它编程语言

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。