如何使用HTML5的視頻標籤在Android中使用的PhoneGap框架

<!DOCTYPE HTML> 
<html> 
<head> 
<script type="text/javascript"> 
var video = document.getElementById('video'); 
video.addEventListener('click',function(){ 
video.play(); 
},false); 
</script> 
</head> 
<body> 
<video id="video" autobuffer height="240" width="360"> 
<source src="BigBuck.m4v"> 
<source src="BigBuck.webm" type="video/webm"> 
<source src="BigBuck.theora.ogv" type="video/ogg"> 
</video> 
</body> 
</html>

這是正確的，你能不能給我一個完整的樣本？

來源

2011-04-27 cdy51223

目前還不清楚問題的性質。你測試了這段代碼嗎？如果是這樣，具體哪個行爲沒有你期望的那樣？ – avoision 2011-04-27 15:37:06

它無法顯示視頻 – cdy51223 2011-04-28 01:25:33

三件事來檢查：

是否在PC瀏覽器的工作？（你確定瀏覽器支持HTML5嗎？）
源視頻與.html文件位於同一目錄嗎？你的引用是相對的，所以這很重要。
視頻本身播放是否正確？媒體文件的編碼可能會非常棘手。

來源

2011-04-28 06:48:23

Android設備不支持HTML5視頻標籤，因爲它在Android的WebView中不起作用。在我的Android 3.2平板電腦設備上，視頻標籤在常規Chrome瀏覽器中運行良好，但在嘗試運行由PhoneGap包裝的同一應用程序時，出現以下錯誤，並且只能聽到聲音（視頻未顯示）：

call to OpenGL ES API with no current context

你可以找到關於這個問題的討論在這裏：http://comments.gmane.org/gmane.comp.handhelds.phonegap/19275

此問題目前的解決方案是使用原生的Android的媒體播放器來播放視頻（通過VideoView）。有幾個開源的PhoneGap插件可以幫助你做到這一點。

如果您需要更多關於此的信息，請讓我知道。

來源

2012-01-11 15:58:56 dearwish

您是否獲得了有關VideoView或PhoneGap插件的更多信息？謝謝。 – micflan 2012-04-01 06:40:13

如何使用HTML5的視頻標籤在Android中使用的PhoneGap框架

回答

相關問題