HTML5視頻不能播放

我嘗試了一個HTML5的簡單例子，但它似乎不起作用。HTML5視頻不能播放

<!DOCTYPE html> 
<html> 
<body> 

<video width="320" height="240" controls="controls"> 
    <source src="resources/sample/sample1.m4v" type="video/mp4" /> 
</video> 

</body> 
</html>

我試過例如在鉻，視頻加載，但它不玩了，我可以看到的視頻幀，如果我移動滑塊來來回回，但影片本身亙古不變的發揮。

更新：我在localhost（tomcat）上訪問了它，它仍然以相同的方式作出反應。另外我注意到我無法在Chrome或Firefox上播放任何HTML5視頻（更新）。

來源

2012-05-30 frewper

這是不允許出於安全原因。在本地打開html文件以查看視頻或將視頻上傳到服務器。 Chrome會出現此錯誤：不允許加載本地資源。 – jasssonpet

即使我面臨同樣的問題，下面的解決方案是不可能的，我的程序應該掃描視頻目錄並給出一個選項來播放，請參閱下面的問題並幫助我解決問題：http://stackoverflow.com/questions/16834173/html-5-video-tag-not-working-from-tomcat-edited/16834215？noredirect = 1＃comment24274462_16834215 – bali208

您無法像使用HTML5視頻標記一樣加載一個本地文件。您必須使用本地主機或遠程託管文件。嘗試安裝mamp/wamp並通過虛擬主機加載它。

<source src="http://localhost/development/programs/html/html5/sample/sample1.m4v" type="video/mp4" />

來源

2012-05-30 09:27:31

我已經做了一些修改，問題仍然存在，我更新了問題 – frewper

我不同意。要播放「HTML5」視頻，您不需要本地主機，它可以簡單地從桌面運行，也可以在本地存在HTML文件和視頻資源。 – SexyBeast

嘗試爲您的視頻設置相對uri。「D：/ ...」僅適用於本地窗口，不適用於所有瀏覽器。

來源

2012-05-30 10:57:46

Chrome：文件是否也包含音頻？如果是這樣，並且您正在桌面上播放，請將揚聲器連接到桌面並進行檢查。

火狐瀏覽器：H.264內容不支持

IE9：應添加到您的網頁下面<meta http-equiv="X-UA-Compatible" content="IE=edge" />

來源

2012-10-08 12:16:49 winterlight

這可能是由於視頻encoding.Check視頻的編碼和確認Chrome支持。這可能是我面對它的一個可能的原因。嘗試使用像ff-mpeg這樣的編碼器來編碼視頻。

來源

2013-01-02 11:17:30 hkasera

我不同意Alex Pereora。它只能通過引用文件名和/或路徑從本地機器加載。

我有類似的問題，並發現Win 7 Pro中的IIS在其MIME類型中沒有mp4。必須添加添加MIME類型。請參閱下面鏈接中添加MIME類型的說明。

html5 video is not playing mp4 error "Invalid Source"?

來源

2013-07-18 03:51:14 bryanp

添加「控制」作爲標誌。它允許瀏覽器在視頻上運行自己的播放器代碼。我在Chrome上試用了.mp4文件，它可以工作。

來源

2014-03-05 19:32:03 rasingh

使用這兩種格式正常工作在所有的瀏覽器：

<video width="640" height="360" controls> 
    <!-- MP4 must be first for iPad! --> 
    <source src="unbelievable.mp4" type="video/mp4" /><!-- Safari/iOS video --> 
    <source src="movie.ogg" type="video/ogg" /><!-- Firefox/Opera/Chrome10 --> 
</video>

來源

2014-11-19 05:29:06 shihab

我在IIS託管時得到了這個問題，並找到了解決辦法Here。就我而言，即使在Chrome瀏覽器上放置完整的視頻網址，也會給我404錯誤，因爲MP4 MIME類型在網站配置中不存在。所以，我用MIME video/mp4添加了.mp4，並且都是正確的。說不上來，如果這是在Tomcat一樣的，但是這是值得一試...

來源

2015-10-13 14:04:16 Youkko

添加autoplay loop視頻標籤的自動播放如下：

<!DOCTYPE html> 
<html> 
<body> 
<video width="320" height="240" autoplay loop> 
    <source src="resources/sample/sample1.m4v" type="video/mp4" /> 
</video> 
</body> 
</html>

來源

2017-03-06 18:16:14

HTML5視頻不能播放

回答

相關問題