html 视频不在 iphone 上加载但在桌面网络和 android 上加载

Question

我试图在我的 html 页面中嵌入一个视频，但它没有加载到 iPhone 上(我得到的只是一个被划掉的播放按钮)。它在桌面和 Android 上加载良好。这不是浏览器问题，因为我在 iPhone 上同时使用 Chrome 和 Safari 时遇到同样的错误。

<div id="video_container">
    <video width="400" height="400" controls preload="none" poster="/static/img/tag_logo.png">
        <source src="/static/videos/movie.mp4" type="video/mp4"></source>
    </video>
</div>

有趣的是，我已经使用 video.js 示例项目中的视频测试了我的代码。如果我用这个替换我当前的源标签，视频加载:

<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4"></source>

但是，我也从 video.js 网站下载了视频，但它没有加载到我的 iPhone 上

<source src="/static/videos/oceans-clip.mp4" type="video/mp4></source>

我正在尝试的视频的编解码器都有 AAC 和 H.264 编解码器，并且是 mp4

我也尝试过使用 Miro Video Converter 将我的视频文件转换为 iPhone 可用的 mp4 文件，但仍然无法在网页上加载

我正在本地主机上测试并使用 nginx 和 flask

经过更多测试:根据 Chrome 检查器，我正在为我的视频 url GET 请求返回响应 header ，这解释了它在桌面网络上播放的原因。但是，对于 iPhone，Safari 检查器说我没有收到响应 header 。在 Android 上，我也没有收到响应 header ，但出于某种原因，视频仍然可以在我的 Android 设备上的网页中播放。

任何帮助将不胜感激

Answer 1

这可能是您的主机服务器设置。例如，当我使用 Go Daddy 时，SVG 文件不会显示在我的网站上。您可以检查配置或添加允许 MIME 类型的文件。更多关于 MIME 类型的信息:http://blogs.iis.net/bills/archive/2008/03/25/how-to-add-mime-types-with-iis7-web-config.aspx