Phonegap html5 視頻無法播放

Question

我正在嘗試在 iPad 的 phonegap 應用程序中播放視頻。

這個視頻給我錯誤：

MEDIA_ERR_SRC_NOT_SUPPORTED

我嘗試播放的視頻不是本地的，當我使用 curl 時 - 我在該視頻上這是它帶來的信息：

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，有人能看出這里有什么問題嗎？

Answer 1

以防萬一這對某人有幫助。 請謹慎使用Baseline配置文件為移動視頻編碼。

似乎視頻是用簡單的配置文件編碼的。 Safari移動瀏覽器僅支持具有以下特征的本地視頻：

iOS（包括iPad）上的Safari當前支持MPEG-4視頻（“基線”配置文件）以及使用H.264視頻（“基線”配置文件）和一種受支持的音頻類型編碼的QuickTime電影。

就像在此頁面中所述：

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

Answer 2

確保服務器支持部分請求，因為我注意到這是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

Answer 3

也許你對我犯了同樣的錯誤，我花了很多時間嘗試使用 Access-Control-Allow-Origin 配置 apache...但最后我意識到我正在使用 nginx，所以必須在 nginx 上修改 header：

add_header "訪問控制允許來源" "*";