Windows phone (IE 10) 不会播放 html5 视频（通过重定向）答案

【问题标题】：Windows phone (IE 10) won't play html5 video (through redirection)Windows phone (IE 10) 不会播放 html5 视频（通过重定向）
【发布时间】：2015-04-22 00:26:17
【问题描述】：

我遇到了在 Windows Phone 8.0 (IE 10) 上出现的 HTML5 视频问题。我可以手动复制它的确切型号是 Nokia Lumia 521。

所以我的页面上有一个 HTML5 视频：

<video poster="http://cdn.example.com/img.png" controls>
    <source src="http://example.com/proxy">
</video>

此时，视频不会播放，海报图片也不会显示。

海报图片是我们 CDN 的直接链接。 source src 指向我们服务器上的代理，该代理将重定向到我们 CDN 上的视频资源。以下是标题：

HTTP/1.1 302 Found
Date: Wed, 22 Apr 2015 00:22:59 GMT
Content-Type: video/mp4
Content-Length: 0
Connection: close
Server: Apache
Cache-Control: private
Location: http://cdn.example.com/resource.mp4
Vary: User-Agent

由于某种原因，如果我直接在 Windows Phone 中加载 mp4，它会打开视频应用程序并正确播放内容。

通过 302 重定向视频源时似乎出现了问题。

您可以在 yelp http://m.yelp.com/biz_photos/tropisue%C3%B1o-san-francisco-3?select_video=DoP8vwCSm2AcTp3RvBwybg 上重现此问题

【问题讨论】：

由于无法从代理 src 推断文件类型，您可以尝试在源中添加类型属性。像这样：.
@TimHayes 确实有效。介意张贴作为答案，以便我接受吗？
太棒了！会做。谢谢。

标签： html windows-phone-8 windows-phone http-headers html5-video

【解决方案1】：

由于无法从代理的 src 扩展名推断文件类型，您可以尝试向源添加类型属性。像这样：

<video poster="http://cdn.example.com/img.png" controls>
    <source src='example.com/proxy' type="video/mp4">
</video>

【讨论】：