순수한 H5 페이지는 휴대폰에서 자동 재생을 구현할 수 없습니다. 대부분의 모바일 브라우저는 비디오 및 오디오의 자동 재생 기능을 비활성화합니다.
또한 많은 모바일 브라우저는 재생을 위한 재생 메서드에 대한 첫 번째 js 호출을 지원하지 않습니다. 사용자가 수동으로 재생을 클릭하고 일시 중지한 다음 코드를 사용하여 재생합니다.)
이는 주로 불필요한 자동 재생으로 인한 트래픽 낭비를 방지하기 위한 것입니다.
다음 코드는 위챗 앱에서 사용자의 첫 번째 터치 후 재생 및 자동 재생을 구현하는 코드입니다
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(); } }