摘要:針對近期做的宣傳頁,頁面中含有元素,且是自動播放,頁面寫起來挺順利,但是在測試的時候,發現在蘋果系統下,不能自動播放,究其原因,是蘋果系統默認音頻文件在不發生任何事件的情況下不能自動播放。
針對近期做的h5宣傳頁,頁面中含有audio元素,且是自動播放,頁面寫起來挺順利,但是在測試的時候,發現在蘋果系統下,audio不能自動播放,究其原因,是蘋果系統默認音頻文件在不發生任何事件的情況下不能自動播放。
針對這個問題,度娘一番,終于解決這個問題,現在把解決方案分享給大家。
有兩種解決方法:
第一種:利用微信提供的接口:wx.config 和 wx.ready
先引入js文件
在頁面添加以下代碼
wx.config({ debug : false, // 這里為false appId : "", // 以下隨意填寫即可 timestamp : (new Date()).getTime(), nonceStr : "", signature : "", jsApiList : ["checkJsApi"] }); wx.ready(function() { audio.play(); });
第二種方法:WeixinJSBridgeReady,對就這個東東可以搞定這個問題
代碼如下:
var audo = document.getElementById("myAudio"); audo.play(); document.addEventListener("WeixinJSBridgeReady", function() { audo.play(); }, false);
不過對第二種方法,建議不要輕易使用。
本文屬于原創,如果用問題,大家共同交流,共同進步。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/82998.html
摘要:尤其是喬布斯在年發布的一篇的文章。喬布斯在里面寫下了關于的一點看法,說明自己為什么不使用,談到關于的一些問題,比如開放性,安全性,對于設備續航的影響,不利于觸摸屏,等等。終于,于年月日,爸爸也放棄治療了,宣布將于年正式退休。 今天為大家分享一下html5中的視頻(video)與音頻(audio)。在進入主題之前我們先了解一下Flash與html5這兩種技術的時代背景與發展歷史。 1.前...
摘要:尤其是喬布斯在年發布的一篇的文章。喬布斯在里面寫下了關于的一點看法,說明自己為什么不使用,談到關于的一些問題,比如開放性,安全性,對于設備續航的影響,不利于觸摸屏,等等。終于,于年月日,爸爸也放棄治療了,宣布將于年正式退休。 今天為大家分享一下html5中的視頻(video)與音頻(audio)。在進入主題之前我們先了解一下Flash與html5這兩種技術的時代背景與發展歷史。 1.前...
摘要:尤其是喬布斯在年發布的一篇的文章。喬布斯在里面寫下了關于的一點看法,說明自己為什么不使用,談到關于的一些問題,比如開放性,安全性,對于設備續航的影響,不利于觸摸屏,等等。終于,于年月日,爸爸也放棄治療了,宣布將于年正式退休。 今天為大家分享一下html5中的視頻(video)與音頻(audio)。在進入主題之前我們先了解一下Flash與html5這兩種技術的時代背景與發展歷史。 1.前...
閱讀 1951·2021-09-07 09:59
閱讀 2520·2019-08-29 16:33
閱讀 3688·2019-08-29 16:18
閱讀 2849·2019-08-29 15:30
閱讀 1678·2019-08-29 13:52
閱讀 2035·2019-08-26 18:36
閱讀 530·2019-08-26 12:19
閱讀 694·2019-08-23 15:23