视频未显示在我的网页上

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;
}

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

Answer 1

您可以验证使用什么视频编解码器来录制您的 .mp4 文件吗？

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

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

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