Question

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Video</title>

<style type="text/css"></style>
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<body>

<div id="Content"><br>
<video width="854" height="480"  controls="controls">
<source src="MyMovie.mp4" type="video/mp4">
stuff
</div>

</body>
</html>`

当我在谷歌浏览器上查看时，我收到了视频，但没有一个按钮被按下，视频也无法启动。

Answer 1

如果您没有看到按钮，则可能是与CSS相关的问题。

要让视频自动启动，请使用参数autoplay =“autoplay”（parameters of HTML5 video）：

JsFiddle中的工作视频演示。

工作代码：

<div id="Content"><br>
    <video width="854" height="480"  controls="controls" autoplay="autoplay">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    stuff
        </video>
</div>

回复@Wayne：我相信答案就在这里stackoverflow.com/a/12174154/483536 Chrome可以播放.mp4与H-264视频，但不能播放MPEG-4视频。并且应该有一个结束标记。

Answer 2

错误的doctype“＆lt;！DOCTYPE HTML PUBLIC” - // W3C // DTD HTML 4.01 Transitional // EN“＆gt;”

HTML5 doctype是：＆lt;！DOCTYPE html＆gt;

Answer 3

添加适当的编解码器如下：
＆lt; source src =“MyMovie.mp4”type ='video / mp4; codecs =“avc1.42E01E，mp4a.40.2”'＆gt;

Html5视频无法正常工作

3 个答案: