1

我正在尝试利用 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/ 。请让我知道您可能有的任何建议或问题。谢谢你。

4

2 回答 2

1

首先，尝试对 HTML5 内容使用 HTML5 文档类型，而不是 XHTML 1.0 文档类型。

我测试了您的代码，但它对我不起作用，但是，当我用测试 .m4v 视频（从这里）替换视频时，它立即在我的 Chrome 浏览器上运行，所以问题似乎不在于 HTML代码。

另请注意，您使用文本/纯内容类型提供视频文件，这是不对的。

于 2012-06-04T18:44:58.137 回答
0

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

于 2013-01-30T20:47:08.973 回答