網站嵌入影片卻無法自動播放?原因是沒調整成靜音!|天矽網頁設計

iconnect

網站嵌入影片卻無法自動播放?原因是沒調整成靜音!|天矽網頁設計

 

網站的自動播放影片,必須將其調整為靜音、無聲,才可順利自動播放,若沒有加入相對應的設定,所嵌入的影片就會無法順利自動播放喔!

 

網站嵌入影片無法自動播放

 當網站管理者在管理網站時,為了豐富網站中的內容,常常會使用文字與圖片來耕耘網站,若有需要更加生動活潑的解說及示意畫面時,則會使用影片的方式來表述,而放在網站中的影片通常會使用嵌入第三方影音平台的方式放置於網站之中,如此不僅可減少網站的開啟與載入速度,更能增添網站的色彩。

 另外,除了在網站內容中加入影片來增加資訊的豐富度以外,有許多的網站也會在網站的Banner處、部分背景處或特別的獨立區塊,使用「自動播放影片」的方式來妝點網站,像這樣:

 

 由於它與一般嵌入的影片不同,是使用自動播放的方式表現影片,因此常有網站在嵌入影片後,發生「影片沒有辦法自動播放」的情形。

 造成影片無法自動播放的原因在就在於「瀏覽器的阻擋」,根據 Google Chrome於2018 年的政策,影片須設定為無聲、靜音,自動播放才會生效,而 Microsoft Edge 也於同年跟隨 Chrome 的腳步,封鎖網站的自動播放影片,蘋果的 Safari 亦是如此。

 以最大宗的第三方影音平台 YouTube 為例,嵌入時需在 iframe 中加入 &mute=1 自動播放才會生效,如下圖所示:

影片自動播放靜音語法

 

延伸閱讀:
iThome|跟隨Chrome腳步,Microsoft Edge也將封鎖網站的自動播放影片
WebKit|Auto-Play Policy Changes for macOS

 

瀏覽器禁止網站自動播放

 無論是 Chrome、Edge 還是 Safari 都禁止了網站自動播放,影片必須設定為靜音才有辦法生效,畢竟不是每個使用者都喜歡進入網站就看到大量的動畫,甚至它還有聲音!

 以最多人使用的Google Chrome說明,根據Chrome Developer的說明文件表示,該播放策略…

  • 允許靜音的自動播放
  • 只有以下狀況能允許「有聲音的」自動播放
    1. 使用者已與網域進行互動,如點擊
    2. 在PC上,用戶在該網頁中的媒體參與指數已足夠高
    3. 在行動裝置上,用戶將該網頁設為主要

 有興趣可Chrome Developer中檢視詳細說明:Autoplay policy in Chrome

 若網站沒有要讓影片自動播放,卻還是沒有辦法讓嵌入的影片播放,會造成這樣的原因就可能不是瀏覽器所造成,而是嵌入的代碼有誤或影片權限的問題所導致喔!解決方法可查看此篇:網站嵌入YouTube影片無法播放?提供三大解決方案

 

share

FB


LINE

回上一頁

延伸閱讀