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

Question

我在 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>

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

海报图片直接 link 到我们的 CDN。 source src 指向我们服务器上的代理，该代理将重定向到我们 CDN 上的视频资源。这是 headers:

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

上重现此问题

Answer 1

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

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

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

Windows phone (IE 10) won't play html5 video (through redirection)

html

windows-phone-8

windows-phone

http-headers

html5-video