1

我需要加载一个 30 秒的 mp4 视频。当我在 Safari 中加载我的 HTML 时，一切正常加载和视频播放；但是，当我在 Chrome 中加载我的 HTML 文件时，视频文件不会加载。我有一个具有相同代码（不同视频）的模板文件，可以在 Chrome 中加载视频。

会不会是视频文件的问题？它是 .mp4，但它没有 H.264 作为编解码器。

这是我的视频 HTML：

<section id="video">
    <!--video width = "640" height = "480" autoplay = "false" controls>-->
    <video width = "540" height = "380" controls>
    <source src="video/manchester.mp4"/>
</section>

和 CSS：

section #video {
    position: relative;
    float: right;
    width: 50%;
    margin-top: 100px;
}

我使用的是 Mac OS X，我通过 iMovie 导出了视频文件。

4

2 回答 2

3

Safari 将尝试使用 Quicktime 播放所有视频内容，因此它会非常容忍其格式。然而，为了在 Chrome 中播放，文件必须是 H.264 或 WebM。有关支持哪些格式的信息，请参阅此链接：https ://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats

为获得最佳兼容性，您的视频应至少以 H.264 MP4 和 WebM 格式提供，并确保将 H.264 配置文件保持为 Main 3.1 或类似版本，以确保它可以在移动设备上播放。

于 2013-04-17T21:08:52.463 回答
0

将静音添加到视频标签解决了我的问题以及添加 webm 版本

见代码：

            <video autoplay poster="img/video/bg-video-1.jpg" id="bgvid" loop muted> 
                <source src="img/video/video.webm" type="video/webm"> 
                <source src="img/video/video.mp4" type="video/mp4">
                <source src="img/video/video.ogg" type="video/ogg">
            </video>
于 2018-12-09T12:04:30.507 回答