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编解码器，并且是mp4s

我也尝试使用Miro Video Converter将我的视频文件转换为iPhone就绪的mp4文件，但在网页上加载仍然没有运气

我在localhost上测试并使用nginx和flask

经过更多测试后：根据Chrome检查员的说法，我收到了针对我的视频网址GET请求的响应标头，这解释了它在桌面网络上播放的原因。但是，对于iPhone，Safari检查员说我没有收到响应标头。在Android上，我也没有得到回复标题，但出于某种原因，视频仍然可以在我的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

html视频没有加载到iPhone上，但加载在桌面web和Android上

1 个答案: