HTML5视频无法播放

Question

HTML5视频无法播放

我为HTML5尝试了一个简单的例子,但它似乎没有用.

<!DOCTYPE html>
<html>

<body>
  <video width="320" height="240" controls="controls">
    <source src="resources/sample/sample1.m4v" type="video/mp4" />
  </video>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

我在chrome上尝试了这个例子,视频加载,但它没有播放,我可以看到视频帧,如果我来回移动滑块,但视频本身不播放.

更新:我在localhost(tomcat)上访问它,它仍然以相同的方式作出反应.另外我注意到我无法在chrome或firefox上播放任何HTML5视频(更新).

Answer 1

小智 11

添加“控件”作为标志。它允许浏览器在视频上运行它自己的播放器代码。我在 Chrome 上用 .mp4 文件试过这个，它工作正常。

Answer 2

小智 5

我不同意 Alex Pereora。它可以通过引用文件名和/或路径从本地机器加载。

我遇到了类似的问题，结果发现 Win 7 Pro 中的 IIS 的 mime 类型没有 mp4。必须添加添加 MIME 类型。请参阅以下链接中添加 MIME 类型的说明。

html5 视频无法播放 mp4 错误“来源无效”？

Answer 3

Kar*_*hik 5

我现在面临同样的问题。我src使用 ajax 动态异步获取视频。

问题是该<video>元素是在src. 如果我们在加载<video>后将元素放入 DOM 中，src那么问题就会得到解决。

对于 Angular，我们可以使用它*ngIf来解决问题。下面是角度代码片段：

<video autoplay *ngIf="src" class="thumbnail">
  <source [src]="src" [type]="type">
</video>

Run Code Online (Sandbox Code Playgroud)

Answer 4

Ale*_*ira 3

您无法使用 HTML5 Video 标签加载本地文件。您必须使用本地主机或远程托管文件。尝试安装mamp/wamp并通过虚拟主机加载。

<source src="http://localhost/development/programs/html/html5/sample/sample1.m4v" type="video/mp4" />

Run Code Online (Sandbox Code Playgroud)

我不同意。要播放“HTML5”视频，您不需要本地主机，它可以简单地从您的桌面运行，即 HTML 文件和视频资源都在本地。 (8认同)

归档时间：	13 年，8 月前
查看次数：	44683 次
最近记录：	6 年，9 月前