视频未在我的网页上显示

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 Media Player打开视频文件。然后转到Window＆gt;媒体信息，然后单击编解码器详细信息以查看使用的视频和声音编解码器。

Answer 2

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

Answer 3

使用此

<video height="500" width="500" class="demoVideo" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

和CSS：

.demoVideo {
position: fixed;
z-index: 20;
background-color: transparent;
min-width: 75%;
min-height: 75%;
margin-left: 10%;
top: 10%;
border: 1px white solid;
}

参考：

http://www.w3schools.com/html/html5_video.asp