HTML5视频无法在Google Chrome上播放

时间:2016-09-02 17:28:00

标签: html5 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/webm'>
</video>

我注意到该视频无法在Google Chrome上运行,但它在Edge上运行良好。我没有试过任何其他浏览器。

我尝试在隐身模式下运行代码(没有扩展名),问题是一样的。我试图在mp4源之前放入webm源,仍然是同样的问题。我尝试编写autoplay =“autoplay”并且只有自动播放,没有改变一件事。我的Chrome版本是最新版本。

mp4视频的编解码器是H264,Chrome浏览器似乎不再支持,因此使用webm文件进行回退。 webm文件是从mp4文件转换的,所以我使用编解码器V8直接将原始MOV文件转换为webm,但它也不起作用。我还试图完全删除mp4源代码,看看webm是否只能运行。它没有。

有没有人想让我尝试

修改 问题是视频没有播放,但我可以看到第一帧。即使使用autoplayautoplay="autoplay"autoplay="true"标记。

编辑2 我用我的代码做了一个codePen,它运行正常。所以问题是我的项目中包含的一些脚本/ css文件,我没有放入codePen。我尝试评论每个包含它并且它有效。然后我逐渐集成了我的包含,发现当我包含jQuery文件时,视频再次卡在第一帧上。有没有人对此有解释?

0 个答案:

没有答案