網站影片無法播放
資源分享》 網站嵌入YouTube或mp4影片無法播放？提供三大解決方案｜天矽網頁設計
除了在網站崁入影片之外，如果想直接在網站中崁入mp4影片檔，也是可以的，不過mp4影片檔崁入網站會有檔案大小限制，本篇文章也將進行說明。
為什麼我的影片無法播放？
1. 可能是影片HTML代碼錯誤
於網頁加入YouTube 影片時，需在編輯器內貼上YouTube 提供的HTML代碼，先檢查無法顯示是否為代碼複製錯誤、代碼複製成影片連結等等。
※ 「貼影片連結就可以將YouTube播放器設定到前台」是透過客製化後台才能達成的功能喔！
天矽科技提供的客製化網站服務，除了編輯器擁有Youtube影片嵌入功能（下圖1），也能在頁面設計添加不同的影片顯示區塊（下圖2），自己決定影片版面，無論首頁、內頁、產品頁的影片介紹都可以漂亮排版。
2. 頻道影片限制嵌入
如果想要嵌入網站的影片，是來自別人的YouTube頻道，對方是有權限可以限制不讓網站嵌入影片的喔！如遇到這種狀況，無論怎麼調整數值，都是沒辦法顯示影片的。除非發訊息與對方聯繫，請對方授權才有機會，或建議換素材。
3. 觀賞權限問題
影片是自己的YouTube頻道素材，卻沒辦法顯示在網頁上播放，那麼可以檢查後台「影片權限」區域，影片權限設定為私人就無法播放，權限改為公開即可正常使用。
為什麼我的影片無法「自動」播放？？
1. 瀏覽器阻擋
Chrome在2018年4月加入影片自動播放限制，也有許多瀏覽器跟進，iOS及Android系統也限制自動播放，所以在手機上是不會自動播放影片的。無論強制或是非強制，許多瀏覽器已提供相關功能，也是目前的趨勢。
2. 用戶自行設定
如上一點所述，眾家瀏覽器官方提供相關禁止功能，更延伸許多瀏覽器外掛插件加強相關功能，像是Disable HTML5 Autoplay、AutoplayStopper等，不只是影片音樂，連影片播放都會自動暫停。不過安裝外掛可能有風險，或產生網頁載入變慢等問題，在安裝前記得先查閱相關資訊。
3. 解決方法
拿最多人使用的Chrome瀏覽器來作為例子，在Google的Autoplay Policy Changes文內提到：
大概意思是，只要在嵌入影片時加入「靜音」參數，還是可以自動播放影音內容，想要音樂內容播放就要透過使用者點擊。也可透過YouTube IFrame Player API，嵌入Youtube影片時會有更多參數可設定，但自動播放影片也是有限制，一個頁面只能有一個影片自動播放，甚至有大小的限制，千萬別漏看規則。
以上有關網頁影片嵌入的小眉角你都記起來了嗎？
《延伸閱讀》
➤ 分享連結到社群後，資訊出不來怎麼辦？
➤ Facebook messenger 如何嵌入網站呢？
為什麼崁入Mp4影片無法順利撥放？
如果要在網站加入影片，天矽會建議以「vimeo」或「Youtube」，這是因為vimeo、Youtube皆屬第三方支援，沒有檔案大小限制。
但如果不希望使用「vimeo」或「Youtube」，想在網站崁入「mp4」格式的影片檔，由於mp4檔會佔用主機的容量，可能會造成緩慢、容量易滿、導致無法瀏覽網站。因此，如需以mp4檔崁入網站，會有以下限制：
- mp4影片檔崁入網站，尺寸最大為16:9 (1920x1080)
- video(mp4)：建議長度15秒以內，檔案容量為15MB~20MB
曾有客戶詢問天矽科技，網站崁入mp4無法順利瀏覽，經查詢，發現影片容量大小為2.4GB，因檔案太大，導致無法順利崁入及瀏覽網站，這時，可用以下方式嘗試排解：
- 影片檔建議大小為500MB
- 影片格式需為MP4 (如果原檔為MOV，建議先轉檔)
- 影片寬度建議為1000px，(如果超過1000px，檔案會太大)
假使按以上方式排解，影片容量還是超過500MB，可評估是否將影片長度縮短，或將影片拆解成上集、下集。但會有風險，那就是如果網站崁入太多影片，還是可能導致無法瀏覽(跑不動)，最後還是需將多的影片拿掉、或是將影片長度縮短。
