HTML5页⾯⾳视频在和app下⾃动播放的实现⽅法现在⼤部分的H5页⾯都有实现播放背景⾳乐，播放视频功能。那怎么实现⾃动播放呢？
纯H5页⾯在⼿机端中是⽆法实现⾃动播放，移动端浏览器⼤部分是禁⽤video和audio的autoplay功能并且，很多移动浏览器也不⽀持⾸次js调⽤play⽅法进⾏播放（只有⽤户⼿动点播放后暂停，然后⽤代码进⾏play可以）。
这样做主要是为了防⽌不必要的⾃动播放浪费流量。
以下代码是实现⽤户第⼀次触摸后实现的播放和app下⾃动播放
XML/HTML Code复制内容到剪贴板
1. function autoPlayMusic() {
2.    /* ⾃动播放⾳乐效果，解决浏览器或者APP⾃动播放问题 */
3.    function musicInBrowserHandler() {
4.        musicPlay(true);
5.        veEventListener('touchstart', musicInBrowserHandler);
6.    }
7.    document.body.addEventListener('touchstart', musicInBrowserHandler);
8.    /* ⾃动播放⾳乐效果，解决⾃动播放问题 */
9.    function musicInWeixinHandler() {
10.        musicPlay(true);
11.        document.addEventListener("WeixinJSBridgeReady", function () {
12.            musicPlay(true);
13.        }, false);
14.        veEventListener('DOMContentLoaded', musicInWeixinHandler);
15.    }
16.    document.addEventListener('DOMContentLoaded', musicInWeixinHandler);
17. }
18. function musicPlay(isPlay) {
19.    var media = ElementById('myMusic');
20.    if (isPlay && media.paused) {
21.        media.play();
22.    }
23.    if (!isPlay && !media.paused) {
24.        media.pause();html播放音乐代码
25.    }
26. }
以上所述是⼩编给⼤家介绍的HTML5页⾯⾳视频在和app下⾃动播放的实现⽅法，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。