html - 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>

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

海报图片是我们 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

Answer 1

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

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