0

According:

HTML5 <video> element on Android

<!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>

Is this right, Can you give me a full sample?

Community
  • 1
  • 1
cdy51223
  • 1
  • 1
  • 1
  • 1
    It's unclear what the nature of your issue is. Have you tested out this code? If so, what specifically did not behave as you expected? – avoision Apr 27 '11 at 15:37

2 Answers2

2

The HTML5 video tag is not supported on Android devices, because it doesn't work in Android's WebView. On my Android 3.2 tablet device, the video tag is working well in a regular Chrome browser, but gives the folowing error when I try to run the same application wrapped by PhoneGap and I can hear only the sound (Video is not diplayed): 

call to OpenGL ES API with no current context

You can find a discussion about this problem here: http://comments.gmane.org/gmane.comp.handhelds.phonegap/19275

The current solution for this issue is to play the video using native Android media player (through VideoView). There are several open source PhoneGap plugins that can help you with this.

Please let me know if you need more information about this.

dearwish
  • 181
  • 1
  • 6
0

Three things to check:

  • Does it work on your PC's browser? (And are you sure the browser supports HTML5?)
  • Is the source video in the same directory as the .html file? Your references are relative so this is important.
  • Do the videos themselves play correctly? The encoding of media files can be tricky.
Stu Thompson
  • 38,370
  • 19
  • 110
  • 156