我正在尝试利用HTML5视频标签在加载页面时自动播放mov或mp4视频 . 但是，页面加载时视频无法播放 . 这是我的代码：
<!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/ . 如果您有任何建议或疑问，请与我们联系 . 谢谢 .
2 回答
首先，尝试将HTML5 doctype用于HTML5内容，而不是XHTML 1.0 doctype .
我测试了你的代码并且它对我不起作用，但是，当我用测试.m4v视频（来自here）替换视频时，它立即在我的Chrome浏览器上工作，所以问题似乎与HTML无关码 .
另请注意，您正在为文本/纯文本内容类型提供视频文件，这可能不正确 .
是啊，正如eis所说，如果您手动重命名视频格式，它在您的计算机上运行良好，但编解码器将无法匹配，导致视频无法在浏览器中播放 . 此外，您应该使用回放格式和对象标记将视频嵌入浏览器中...