視頻不能在iOS10上播放Chrome

我似乎無法找到此視頻片段的問題。視頻不能在iOS10上播放Chrome

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video>

視頻播放而無需在Safari中出現任何問題（還沒有針對早期版本的iOS的測試，但我只關心有自動播放的問題？），但在Chrome我唯一看到的就是封面圖片和一個不會觸發任何東西的播放按鈕。我錯過了什麼嗎？我真的需要使用JS來使它工作嗎？

更新：好像使用iOS Chrome播放Webm文件時出現問題 - 我嘗試了幾個來自不同位置的文件，他們似乎需要先下載才能播放。

來源

2016-10-03 Staffan Estberg

谷歌瀏覽器目前擁有錯誤其中，如果說到別的後也不會自動播放一個視頻.webm。 http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video

如果之前的提醒沒有幫助，試圖在Github上使用腳本播放的例子（video.js和simpl）：

https://github.com/videojs/video.js

嘗試使用一個代碼在出版https://github.com/samdutton/simpl/blob/gh-pages/video/scripted/index.html

另外，閱讀問題de dicated靜音的自動播放在移動瀏覽器：

https://github.com/whatwg/html/issues/976

它必須閱讀S.O.有用發佈還有：

Efficiently detect if a device will play silent videos that have the autoplay attribute

來源

2016-10-09 20:13:13 andy

如果您在iOS上使用Chrome，則在提及的網址播放視頻時出現故障，但它似乎與我的佈局有關。 –

我似乎無法找到什麼不對的視頻片斷。
<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video> 
...更新：似乎有與玩WebM文件與iOS 瀏覽器的問題。

最簡單，最好的解決方法是，以確保您首先聲明MP4文件，然後宣佈在第二位的WEBM（您的顯示順序相反）。我相信iOS會希望將mp4作爲HTML5視頻標籤中的第一個文件。所有iOS看到的是src="sample.webm"這是不是一個有效的預期MPEG編解碼器，因此導致您的「...播放按鈕，不會觸發任何東西」。某處出現無聲錯誤。

嘗試：

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/mp4" src="sample.mp4"></source> 
    <source type="video/webm" src="sample.webm"></source> 
</video>

邊注：只是我的意見，但我認爲有WEBM這裏是多餘的，因爲主要的支撐系統（基於谷歌科技）已經可以處理MP4反正。

更好提供在瀏覽器中的那些視頻解碼器〔終端用戶] MP4或OGV的選擇（只是在Firefox的情況下）。

PS：由於SIM數據允許，大多數移動系統都禁用了自動播放功能。最終用戶必須選擇播放該視頻。可能有網絡上的聰明的解決方法，但請記住，這是預期的行爲，所以不是當前代碼的問題。

來源

2016-10-12 18:16:50

自由分配的系統無法播放mp4，這是支持WebM（= VP9）的原因之一。 Ogv（= Theora）在各方面都比VP9差，Firefox已經可以播放WebM = VP9。 –

視頻不能在iOS10上播放Chrome

回答

相關問題