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>

Windows手机（IE 10）无法播放html5视频（通过重定向）

1 个答案: