Question

我正在尝试利用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/。如果您有任何建议或疑问，请与我们联系。谢谢。

Answer 1

首先，尝试将HTML5文档类型用于HTML5内容，而不是XHTML 1.0 doctype。

我测试了您的代码并且它对我不起作用，但是，当我使用测试.m4v视频（来自here）替换视频时，它立即在我的Chrome浏览器上运行，因此问题并非如此似乎与HTML代码有关。

另请注意，您正在使用文本/纯文本内容类型为视频文件提供服务，这种方式可能不正确。

Answer 2

是的，正如eis所说，如果您手动重命名视频格式，它在您的计算机上运行良好，但编解码器将无法匹配，导致视频无法在浏览器中播放。此外，您应该使用回放格式和对象标记将视频嵌入浏览器中......

HTML5视频标记无法播放

2 个答案: