現(xiàn)在大部分的H5頁面都有實現(xiàn)播放背景音樂，播放視頻功能。那怎么實現(xiàn)自動播放呢？

純H5頁面在手機端中是無法實現(xiàn)自動播放，移動端瀏覽器大部分是禁用video和audio的autoplay功能并且，很多移動瀏覽器也不支持首次js調(diào)用play方法進行播放（只有用戶手動點播放后暫停，然后用代碼進行play可以）。

這樣做主要是為了防止不必要的自動播放浪費流量。

以下代碼是實現(xiàn)用戶第一次觸摸后實現(xiàn)的播放和微信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(); }

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，更多相關(guān)內(nèi)容請關(guān)注PHP ！

相關(guān)推薦：

如何利用HTML5實現(xiàn)分享到微信好友朋友圈QQ好友QQ空間微博二維碼的功能

HTML5實現(xiàn)使用按鈕控制背景音樂開關(guān)的方法

以上就是如何實現(xiàn)HTML5頁面音視頻在微信和app下自動播放的詳細內(nèi)容，其它編程語言

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。