HTML5视频赢得';不要在谷歌浏览器上玩
我正在用HTML5做一个网络项目,我想在我的网页上播放一段视频。这是我的密码:HTML5视频赢得';不要在谷歌浏览器上玩,html,google-chrome,video,webm,Html,Google Chrome,Video,Webm,我正在用HTML5做一个网络项目,我想在我的网页上播放一段视频。这是我的密码: <video autoplay="autoplay" loop="loop" controls="controls"> <source src="assets/img/placeholder_video.mp4" type='video/mp4'> <source src="assets/img/placeholder_video.webm" type='video/
<video autoplay="autoplay" loop="loop" controls="controls">
<source src="assets/img/placeholder_video.mp4" type='video/mp4'>
<source src="assets/img/placeholder_video.webm" type='video/webm'>
</video>
我注意到这段视频在Google Chrome上不起作用,但在Edge上效果很好。不过,我没有尝试任何其他浏览器
我试着在匿名模式下运行代码(没有扩展),问题也是一样的。我尝试将webm源代码放在mp4源代码之前,仍然存在相同的问题。我试着写autoplay=“autoplay”,只有autoplay没有改变任何东西。我的Chrome版本是最新的
mp4视频的编解码器是H264,Chrome上似乎不再支持该编解码器,因此webm文件也支持该编解码器。webm文件是从mp4文件转换而来的,因此我使用编解码器V8直接将原始MOV文件转换为webm,但它也不起作用。我还试图完全删除mp4源代码,看看webm是否只起作用。没有
有人想让我试试吗
编辑
问题是视频没有播放,但我可以看到第一帧。即使使用autoplay
,autoplay=“autoplay”
或autoplay=“true”
标志
编辑2
我用我的代码做了一个代码笔,效果很好。所以问题在于我在项目中包含的一些脚本/css文件没有放在codePen中。我试着对每一篇文章都发表评论,效果很好。然后,我逐渐整合了我的include,发现当我包含回jQuery文件时,视频又卡在了第一帧上。有人对此有解释吗?也许可以尝试
autoplay=“true”
?同样的问题您是否可以尝试使用另一个支持格式的视频来检查问题是否与您的视频无关?您可以查看受支持格式的列表好的,我在这里尝试了演示视频:我看到的只是第一帧,即使使用了autoplay标志,您可以使用您的代码进行更改吗?可能尝试autoplay=“true”
?相同的问题您是否可以尝试使用另一个受支持格式的视频来检查问题是否与您的视频无关?您可以查看支持的格式列表好的,我在这里尝试了演示视频:我看到的只是第一帧,即使有自动播放标志,您能用代码做一个标记吗?