2015-01-13 140 views
1

我正嘗試在iPad中的電話應用程序中播放視頻。Phonegap html5視頻不能播放

這部影片給我的錯誤:

MEDIA_ERR_SRC_NOT_SUPPORTED 

我試圖播放的視頻是不是本地的,當我用捲曲-I上的視頻,這是它帶來的信息:

HTTP/1.1 200 OK 
Server: nginx 
Date: Tue, 13 Jan 2015 19:56:03 GMT 
Content-Type: video/mp4 
Content-Length: 12939401 
Last-Modified: Thu, 20 Nov 2014 18:11:31 GMT 
Connection: keep-alive 
Keep-Alive: timeout=45 
Accept-Ranges: bytes 

我也嘗試從外部網站加載另一個視頻,它確實工作(它也是一個mp4)。

我PhoneGap的版本是3.5.0.0

至於我看到我得到的MP4,這是支持的,任何人都可以看到什麼錯在這裏?

回答

0

以防萬一這有助於某人。請注意使用基線配置文件對移動視頻進行編碼。

看來,視頻編碼簡單的配置文件。 Safari瀏覽器的移動瀏覽器只支持本地視頻,具有以下特點:

Safari on iOS (including iPad) currently supports MPEG-4 video (Baseline profile) and QuickTime movies encoded with H.264 video (Baseline profile) and one of the supported audio types.

因爲它在這個頁面說:

https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

0

確保服務器支持部分請求,因爲我已經注意到,這是iOS的要求。

將視頻網址複製到Chrome瀏覽器中,點擊F12 - >網絡標籤以查看請求,然後重新加載。你應該看到類似這樣的東西:

GET 200 OK 
GET 206 PARTIAL CONTENT 
GET 206 PARTIAL CONTENT 
... 

這告訴你服務器支持部分內容請求,這很好。

如果您是通過服務(而不是靜態)自己提供視頻,則需要在服務器端代碼中明確支持此功能。例如,一個ASP.NET Web API教程在這裏:

http://blogs.msdn.com/b/webdev/archive/2012/11/23/asp-net-web-api-and-http-byte-range-support.aspx