23

我注意到<video/>Chrome 中的 HTML5 标签存在一个奇怪的问题。

使用它,它工作正常:

<video poster="023.png" autoplay controls>
<source src="todojunto.mp4" type="video/mp4"  />
</video>

这只会播放声音,没有视频:

<video poster="023.png" autoplay >
<source src="todojunto.mp4" type="video/mp4"  />
</video>

如果我删除该poster属性,它会再次起作用。

所有其他浏览器(甚至 IE9 ......!)都可以完美运行,我似乎找不到原因。

有什么想法/帮助吗?

谢谢

4

5 回答 5

8

视频标签的属性应该被指定为严格的标准实现:

<video poster="023.png" autoplay="autoplay" controls="controls">
    <source src="todojunto.mp4" type="video/mp4"  />
</video>

如果这不起作用,则您的浏览器首选项发生了变化

于 2012-05-25T15:42:25.590 回答
5

我很惊讶你的视频竟然出现了。Chrome 停止支持 mp4。使用 Chrome 处理 html5 视频时,您应该使用 .webm 文件。

于 2012-06-12T13:38:31.960 回答
2

你需要使用muted=""; 它确实适用于视频

<div class="wrap">
	<video width="auto" height="400px" autoplay="" loop="" muted="">
   	   <source src="Video.mp4"  type="video/mp4">
	   <source src="Video.ogg" type="video/ogg">
	</video>
</div>

于 2019-06-01T15:00:46.053 回答
0

我遇到了同样的错误。我通过添加 preload="auto" 标签来修复它。

<video autoplay loop preload="auto" poster="023.png">
    <source src="todojunto.mp4" type="video/mp4" />
</video>

不知道这是否对你有用,而且你问这个问题已经有一段时间了。但也许这会在未来帮助某人!

于 2014-06-03T10:30:30.887 回答
0

我刚刚将它转换为 ogv 并在所有浏览器中运行良好。我有Firefox的问题,但没有问题了。它也显示出灰色背景,但现在,现在不再了。这是我的代码:您可以在 eargo.com/products 中看到它

<video class="" style="" autoplay loop>
            <source class="" src="video.ogv" >
            <source class="" src="video.mov" >
            <source class="" src="video.mp4" >
</video>

您可能会在 2015 年 5 月 7 日之后看到它。

于 2015-05-06T19:33:04.453 回答