Html5 视频不工作答案

【问题标题】：Html5 Video isn't workingHtml5 视频不工作
【发布时间】：2014-01-30 23:22:11
【问题描述】：

<!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>`

当我在 Google Chrome 上查看此视频时，我看到了视频，但无法按下任何按钮，视频也无法开始。

【问题讨论】：

你确定 Chrome 支持这种类型的视频吗？
我相信答案就在这里stackoverflow.com/a/12174154/483536 Chrome 可以播放带有 H-264 视频的 .mp4，但不能播放 MPEG-4 Visual 视频。并且应该有一个结束的标签。

标签： html video

【解决方案1】：

添加适当的编解码器如下：

【讨论】：

【解决方案2】：

如果您没有看到按钮，这可能是与您的 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 可以播放带有 H-264 视频的 .mp4，但不能播放 MPEG-4 Visual 视频。并且应该有一个结束标签。

【讨论】：

按钮显示他们只是不工作。当我使用您的代码但使用我的视频文件名时，它仍然无法使用 CSS 代码 #Content{width:900px;边距：0 自动；背景颜色：452070；列表样式类型：正方形；}

【解决方案3】：

错误的文档类型 ""

HTML5 文档类型为：

【讨论】：

我试过了。唯一发生的事情是背景的颜色消失了。视窗不播放