Question

我有一些愚蠢的问题......简单的代码：

<div id="start">
    <video width="320" height="240" controls>
        <source src="Content/movie.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</div>

我的项目上的

无效。视频没有显示，路径正确... Div开始没有特殊的样式，视频只是设置宽度和高度。

当我在http://www.w3schools.com/检查示例时，一切正常，当我检查我的浏览器支持视频时，一切正常。更有趣的是，当我下载视频而不是下载我正确的视频....

Answer 1

好的，经过一些测试后，我可以在Mozilla Firefox上看到您的视频，但您的视频无法在Google Chrome或Internet Explorer中运行。您面临的情况基于文件格式。每个网络浏览器都需要一种特定的视频文件格式，因此您需要以多种格式对视频进行编码，以便根据浏览器的不同，为更多访问者提供视频。

Wikipedia在HTML5视频标记的 Browser support Section 中说明哪种文件格式更适合每个网络浏览器的需求。

代码中<video>标记的正确应用如下所示：

<video poster="movie.jpg" controls>
        <source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"'/>
        <source src="movie.ogg" type='video/ogg; codecs="theora, vorbis"'/>
        <source src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
        <p>This is fallback content</p>
</video>

考虑到您应为sources标记内的<video>的每个实例提供单独的视频文件。

请记住，您的后备内容也可以是图像，动画gif，Flash动画或甚至是youtube代码（格式正确），如果无效则会向用户显示某些内容。不要忘记包括测量：固定宽度和高度，以便后备媒体填充视频应显示的整个空间。

对于您的转码程序，建议您查看This answer in the AskUbuntu site，其中我解释了如何使用 Mobile Media Converter by Miksoft software 轻松压缩文件。

我希望这对您有所帮助，但如果您需要进一步的帮助，请随时发表评论。

祝你好运！

html5视频元素没有显示

1 个答案: