Question

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

使用它，它可以正常工作：

<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 ......）都能完美运行，我似乎无法找到原因。

任何想法/帮助？

由于

Answer 1

应为严格的标准实施指定视频标签的属性：

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

如果这不起作用，浏览器的首选项中会发生一些变化

Answer 2

我很惊讶你的视频甚至出现了。 Chrome停止支持mp4。在使用Chrome for html5视频时，您应该使用.webm文件。

Answer 3

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

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

不知道这是否适合你，而且自从你提出问题以来已经有一段时间了。但也许这将有助于将来的某个人！

Answer 4

我刚将它转换为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日之后看到它。

Answer 5

您需要使用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>

Chrome中的HTML5 <video>标记不起作用</video>

5 个答案: