在Safari中不播放HTML5視頻

我一直在研究HTML5視頻實現，但我遇到了一些問題。我一直在按照http://diveintohtml5.info/video.html的指南。我編碼了所有視頻的.m4v，.ogv和.webm版本。 Chrome和Firefox不會播放視頻。當我嘗試在Safari中播放它時，它將加載視頻容器，但不加載視頻。您會看到視頻應該放置的空白區域，控件和「加載」文本。在Web Inspector的網絡選項卡中，視頻的狀態爲「掛起」，MIME類型爲「未定義」。有趣的是，我只在登臺網站遇到這個問題，而在我的本地開發工作正常。在Safari中不播放HTML5視頻

當我在本地開發的瀏覽器直接訪問視頻，我得到了在控制檯下面的輸出：

Resource interpreted as Document but transferred with MIME type video/x-m4v. 
GET http://site.dev/content/videos/movie.m4v Plug-in handled load

注意，GET有一點紅色的X，它在檢查左側。

我的HTML代碼如下所示：

<video class="html5-video" width="700" controls> 
    <source src="content/videos/movie.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
    <source src="content/videos/movie.webm" type='video/webm; codecs="vp8, vorbis"' /> 
    <source src="content/videos/movie.ogv" type='video/ogg; codecs="theora, vorbis"' /> 
    Your browser does not support this video. 
</video>

此外，該視頻是大約20MB的。

有什麼想法？謝謝！

來源

2011-12-21 tollmanz

呃......事實證明，問題發生是因爲我使用.htaccess來密碼保護目錄。有趣的是，除Safari之外的所有瀏覽器都允許訪問視頻文件。感謝那些幫助過的人！

來源

2011-12-28 22:03:07 tollmanz

嘗試編碼爲mp4並替換此文件，而不是m4v格式，更新您的代碼並運行。工作很好。

來源

2011-12-27 07:47:41 AlexBlink

在Safari中不播放HTML5視頻

回答

相關問題