我的网页上没有显示视频

Question

我录制了一段时长 3 分 48 秒的视频，并将其应用到我的网页中，虽然我有导航栏和声音，但我的视频似乎没有显示任何内容？它看起来就像那样：

这是我的 HTML ：

 <video height="90%" width="90%" class="demoVideo" controls><source src="video.mp4" type="video/mp4">

和 CSS ：

 .demoVideo {
    position: fixed;
    z-index: 20;
    background-color: transparent;
    max-width: 77.083333333333%;
    max-height: 77.12962962963%;
    margin-left: 11.458333333333%;
    top: 11.111111111111%;
    border: 1px white solid;
}

这是我的视频编解码器信息：

原文由 A.D. 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您能否验证使用了哪种视频编解码器来录制您的 .mp4 文件？

大多数最新的主流浏览器本身就支持带有 H.264 视频编解码器和 AAC 音频编解码器的 MP4 容器格式。

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

您可以使用 VLC 媒体播放器打开您的视频文件。然后转到“窗口”>“媒体信息”并单击“编解码器详细信息”以查看使用的视频和声音编解码器。

原文由 S. Luong 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我有同样的问题和同样的失败。我将原始的 avi 文件转换为 webm 而不是 mp4 并且它有效。这使我无需学习有关编解码器等的任何知识。这是一种钝器，但对我有用。

原文由 crazypiglady 发布，翻译遵循 CC BY-SA 4.0 许可协议