HTML5视频API不显示视频，而是生成声音

Question

我正在用Laravel构建一个Web应用程序。我想添加一个视频到一个特定的部分使用HTML5视频API，视频只播放声音，但不显示。这是我下面的代码

<video controls width="450" height="300" autoplay="false">   
    <source src="{{ asset('site/videos/iUOL Welcome Video.mp4') }}" type="video/mp4">
    <source src="{{ asset('site/videos/iUOL Welcome Video.flv') }}" type="video/flv">
    Sorry, your browser doesn't support embedded videos.
</video>

我已经在Chrome，Firefox和Chrome上测试过了。

Answer 1

检查您的视频是否正确编码，然后只有它将支持HTML5视频标签。

HTML5视频需要带有H264视频编解码器和AAC音频编解码器的MP4视频。

将您的视频mp4文件转换为H.264编码和检查。

Answer 2

您试过从视频名称中删除这些空格吗？

Answer 3

你查过你的css了吗？这里的问题在您的样式表中。

如果视频是听起来的，那么它在自动播放模式下工作的很好。

<div class="video">
// Add your code here.
</div>

Css应包括：

.video{
     display: inline-block;
     width: 100% !important;
 }