Html5視頻標籤：iOS不支持mp4視頻

我在本網站上有一個介紹視頻：http://staging.optiekcardoen.be/。頂部的視頻在大多數瀏覽器上自動播放，這就是我想要的行爲。在Safari iOS上，這個視頻的海報圖片上方只有一個播放按鈕。當我點擊它時，什麼都沒有發生...... :(Html5視頻標籤：iOS不支持mp4視頻

當我將w3schools（https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video）的bigbugbunny視頻與絕對路徑集成時，它工作得很好！當我下載同樣的兔子視頻時，將其上傳到我的服務器並在我的視頻標籤中作出相對鏈接，它也不起作用。

首先，我把視頻向上移動了一個更大的z-index。問題仍然存在。然後，我與我的託管服務提供商檢查改變然後我問我的介紹視頻的製作人，如果他想盡量減少視頻，但沒有解決任何問題。

我沒有可能性我我很害怕，是有誰有另一個可能的答案嗎？

來源

2017-03-08 Sam

你檢查，該編碼的（編解碼器，音頻等）視頻還好嗎？ – Offbeatmammal

我要求視頻製造商確保視頻保存了這些設置：「如果是H.264視頻，它應該滿足：高達1080p，每秒30幀，High Profile 4.1級，AAC-LC音頻高達160 Kbps，48kHz，.m4v，.mp4和.mov文件格式的立體聲音頻;「。該視頻沒有音頻軌道，所以這在這種情況下並不重要。這些設置是編碼設置，還是這有點別的？ – Sam

我覺得這是一個HTTP vs HTTPS同源的安全問題。

如果你去在Safari的網站，並期待在控制檯，你會看到：

封閉起源「https://www.youtube.com」框訪問與出身「http://staging.optiekcardoen.be」的框架。請求訪問的幀具有「https」的協議，正被訪問的幀具有「http」的協議。協議必須匹配。

在這裏看到更多的信息：https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

更新：

正如薩姆提到的評論，而上面的問題應該得到解決，即使這個問題被忽略，主視頻，這不是來自YouTube的，不會播放。主要頁面的視頻有錯誤的MIME類型也 - 見下：

<source src="/files/intro-320x176-laag.mp4" type="video/webm">

更新2

我做了一個快速測試，並驗證了在Safari上至少，一個MP4視頻不會，如果打MIME類型設置爲webm。

如果你設置你的MIME類型MP4我懷疑你的視頻將正常發揮 - 即改變上面行的末尾：

<source src="/files/intro-320x176-laag.mp4" type="video/mp4">

來源

2017-03-08 16:32:03 Mick

奇怪的是，介紹視頻不是YouTube視頻當你導航到'Beestige referenties'時，你有6個Youtube視頻vids。點擊Safari iOS中的播放按鈕，實際上我應該改變http://staging.optiekcardoen.be的網站https://staging.optiekcardoen.be insteds？ – Sam

是的，你是對的。您可以在Safari瀏覽器開發者工具中查看相同的來源檢查，並且您的視頻仍然無法播放。它絕對在Chrome中發揮作用。一個可能的問題是，你在視頻結尾處有錯誤的mime類型 - 你有webm而不是mp4。 Safari可能比Chrome更敏感。你可以改變這個，然後再試一次嗎？ – Mick

謝謝米克！我問我的託管將http環境更改爲https。我很好奇;） – Sam

<video autoplay="" muted="" loop="" poster="/files/intro.jpg">   
    <p>Uw browser video tag.</p> 
</video>

你試過這個嗎？

來源

2017-03-08 13:35:53

的Uw瀏覽器ondersteunt吉恩視頻標籤

–

喜柿，我改變了視頻屬性仍然沒有改進Bizarre！ – Sam

Html5視頻標籤：iOS不支持mp4視頻

回答

相關問題