我有一個視頻在我的代碼中,但我不能讓它自動播放而不靜音。視頻有聲音,但它會自動播放,沒有靜音。
<video autoplay muted loop id="myVideo">
<source src="weddingv.mp4" type="video/mp4">
</video>
在某些瀏覽器上,帶聲音的自動播放確實有效。 然而,在Chrome上,沒有靜音屬性已經有一段時間了。
這里有很好的證明。
不會騙Chrome嗎? 不幸的是,你不能通過給它設置靜音屬性,然后在JavaScript中取消靜音來欺騙它。 如果你試圖通過JavaScript在頁面加載上播放視頻,它也不會工作。
我希望這能給你指明正確的方向。
瀏覽器越來越嚴格地禁止非靜音視頻自動播放。在移動設備上更是如此(尤其是iOS)。根據我的經驗(遺憾的是,在這個問題上是廣泛的),當涉及到視頻時,試圖通過使用JavaScript欺騙瀏覽器(尤其是iOS瀏覽器)按照您的要求行事會使事情變得更糟(視頻開始在自己的窗口中播放,而不是像您可能希望的那樣內嵌在您的網頁中)。我這樣說是在梳理了SO和其他來源的解決方案之后。
如果出于某種原因,你不是針對移動設備,這里可能有希望。否則,我強烈建議不要浪費更多的時間。
根據https://developer.chrome.com/blog/autoplay/#new-behaviors.的新政策,應該有用戶互動來自動播放任何帶聲音的視頻。
以下是針對同一問題的示例解決方案
聲音未靜音的HTML5視頻自動播放
希望它對你有用,如果它與你想的不同,請告訴我。
上一篇psd轉vue頁面
下一篇div展示json數組