HTML5視頻標籤不播放

我試圖利用HTML5視頻標籤在頁面加載時自動播放mov或mp4視頻。但是，視頻在頁面加載時不播放。這裏是我的代碼：HTML5視頻標籤不播放

<!DOCTYPE html> 
<html lang="en-US"> 
<head> 
<meta charset="utf-8" /> 
<title>Bropocalypse</title> 
<style> 
body {background:#000000; 
margin:100px;} 

p {font-size:36px; 
text-align:right; 
margin:20px 0px;} 

a:link, a:hover, a:visited {color:#FF0000; 
text-decoration:none;} 

.trailer {width:700px; 
height:100%; 
margin:0 auto;} 
</style> 
</head> 
<body> 
<div class="trailer"> 
    <video width="700" height="400" src="trailer.mp4" poster="trailer.mp4" controls="controls" autoplay="autoplay" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'"> 
    <p>If you are reading this, it is because your browser does not support the HTML5 video element.</p> 
    </video> 
<p><a href="about.php"><img src="images/skip.png" alt="SKIP >>" /></a></p> 
</div> 
</body> 
</html>

該頁面可以在這裏找到：http://www.tcnj.edu/~moore56/game-design/bropocalypse/。請讓我知道你可能有的任何建議或問題。謝謝。

來源

2012-06-04 myrmidon16

你使用哪個瀏覽器和哪個版本？ – Sarfraz

我使用的是Chrome，但我也希望它至少可以在Firefox中工作。 – myrmidon16

首先，嘗試使用HTML5文檔而不是XHTML 1.0文檔。

我測試了你的代碼，但它並不適合我，但是，當我用一個測試.m4v視頻（從here）替換視頻時，它立即在我的Chrome瀏覽器上運行，所以問題似乎沒有使用HTML代碼。

還要注意，您正在使用文本/純文本內容類型來提供視頻文件，這是不對的。

來源

2012-06-04 18:44:58 eis

我已經編輯了視頻標籤的標題和內容類型，但它仍然不起作用。建議？（更新原始文章） – myrmidon16

好吧，我說的是，這個問題是與您的視頻文件（格式）。它需要[支持的格式]（http://en.wikipedia.org/wiki/HTML5_video#Table），否則它將無法正常工作。 – eis

是的，正如eis所說如果您手動重命名視頻格式，它會在您的機器上運行良好，但編解碼器不匹配導致視頻不能在瀏覽器中播放。此外，你應該把一個背景格式和一個對象標籤嵌入到你的瀏覽器中的視頻...

來源

2013-01-30 20:47:08 prem

HTML5視頻標籤不播放

回答

相關問題