0

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

<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 start 没有特殊样式，视频只是按上述设置宽度和高度。

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

4

1 回答 1

1

好的，经过一些测试，我可以在 Mozilla Firefox 上看到您的视频，但您的视频无法在 Google Chrome 或 Internet Explorer 中运行。您面临的情况基于文件格式。每个网络浏览器都需要您的视频具有特定的文件格式，因此您需要以多种格式对视频进行编码，以使视频可供更广泛的访问者使用，具体取决于他们的浏览器。

维基百科在 HTML5 视频标签的浏览器支持部分中解释了哪些文件格式将更好地满足每个 Web 浏览器的需求。

代码中标签的正确应用<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 代码（格式正确），如果没有任何效果，则会向用户显示某些内容。不要忘记包括测量值：固定宽度和高度，以便后备媒体填充视频应显示的整个空间。

对于您的转码过程，我建议您查看AskUbuntu 站点中的 This answer，我在该站点中解释了如何使用Miksoft 软件的 Mobile Media Converter轻松压缩文件。

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

祝你好运！

于 2013-06-25T23:51:04.587 回答