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>

我已经在 Chromium、Firefox 和 Chrome 上进行了测试。

Answer 1

您是否尝试过删除视频名称中的空格？

Answer 2

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

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

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

Answer 3

你检查过你的css了吗？这里的问题符合你的风格 sheet.

如果视频有声音，那么它在自动播放模式下工作正常。

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

Css 应该是：

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

HTML5 视频 API 不显示视频但发出声音

HTML5 Video API is not showing videos but producing sound

php

html5-video

laravel