2

我在Windows Phone 8.0(IE 10)上發生HTML5視頻問題。我可以手動重現的確切型號是諾基亞Lumia 521Windows手機(IE 10)不會播放HTML5視頻(通過重定向)

所以,我有我的網頁上的HTML5視頻:

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

在這一點上,該視頻無法播放和海報圖像將不會顯示。

海報圖片是直接鏈接到我們的CDN。 sourcesrc指向我們的服務器上的一個代理,他將重定向到我們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

+0

由於無法從代理src推斷文件類型,因此可以嘗試向源添加類型屬性。像這樣:。 – TimHayes

+0

@TimHayes確實有效。介意作爲回答,所以我可以接受它? –

+0

太棒了!會做。謝謝。 – TimHayes

回答

1

這個問題,因爲該文件類型不能從推斷代理的src擴展名,您可以嘗試向源添加類型屬性。像這樣:

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