使用html5視頻標籤時不在Safari瀏覽器中播放的視頻

我正在使用django構建網站。我正在嘗試使用html5標記在我的網頁中添加視頻。我的代碼如下。使用html5視頻標籤時不在Safari瀏覽器中播放的視頻

<video controls style="width: 100%; height: 100%;" id="video" preload="none"> 
        <source src="{% static 'media/video1.ogv' %}" type='video/ogg; codecs="theora, vorbis"'/> 
        <source src="{% static 'media/video1.webm' %}" type='video/webm'> 
        <source src="{% static 'media/video1.mp4' %}" type='video/mp4'> 
        <p>Video is not visible, most likely your browser does not support HTML5 video</p> 
       </video>

但是視頻並未在Safari瀏覽器中播放。我將視頻更改爲video1.mov文件，但仍未播放。我正在使用heroku進行部署。我檢查了是否安裝了Quickstart。它已經安裝。所示的錯誤是

Failed to load resource: Plug-in handled load 
http://www.***.com/static/media/video1.mov

有人能幫助我理清了這一點？

來源

2014-10-01 Arundas R

Safari支持此視頻格式？ – 2014-10-01 11:44:26

它支持mp4格式 – 2014-10-06 05:16:29

如果第一個源標籤不可播放（即不是mp4），Safari會產生一個會凍結播放的bug。我不確定這個bug是否仍然存在，但值得一試。 – DylanYoung 2017-11-20 18:45:32

可能是MP4編碼的問題。我知道這個問題有點老，但我有同樣的問題，所以以防萬一可以幫助你或其他人發現這第一次像我這樣做：

看來，QuickTime（這是爲MP4播放MP4的插件）僅在文件使用特定配置文件進行編碼時纔有效。這是在Apple's FAQ的問題＃2中指定的。

雖然協議規範不限制的視頻和音頻格式，目前蘋果支持以下格式：

視頻：H.264 基線水平3.0，基準水平3.1，主級3.1，和高調4.1級。

音頻： HE-AAC或AAC-LC高達48kHz時，立體聲音頻 MP3（MPEG-1音頻層3）8千赫至48千赫，立體聲音頻 AC-3（蘋果TV，在通只有通過模式）

您需要使用其中一個視頻配置文件進行編碼，以使其與QuickTime以及Safari一起使用。

如果你也瞄準了iOS設備，this table可能也有幫助，才能知道你兼容：

基線3.0：所有設備

基線3.1 ： iPhone 3G及更高版本，以及iPod touch第二代及更高版本。

主要配置文件3.1： iPad（所有版本），Apple TV 2和更高版本以及iPhone 4和更高版本。

主型材4.0：的Apple TV 3及更高版本，iPad 2的和更高版本，iPhone 4S，後來

High Profile的4.0：的Apple TV 3及更高版本，iPad 2的和更高版本，iPhone 4S然後。

High Profile 4.1： iPad 2及更高版本和iPhone 4S及更高版本。

最後，下面是創建這些編碼的ffmpeg選項： https://trac.ffmpeg.org/wiki/Encode/H.264#AdditionalInformationTips

它也是有用的知道，你可以打開在QuickTime文件（你不必通過Safari瀏覽器加載）以檢查文件是否有效。

來源

2015-03-18 23:45:42

我使用[email protected]打開了mp4，並導出爲iPhone（.m4v），但它仍然無法在iPhone上使用。跆拳道??? – Jacksonkr 2017-03-30 18:59:29

回答

相關問題