HTML5 element on Android

by

I’ve just done some experimentation with this, and from what I can tell you need three things:

  1. You must not use the type attribute when calling the video.
  2. You must manually call video.play()
  3. The video must be encoded to some quite strict parameters; using the iPhone setting on Handbrake with the ‘Web Optimized’ button checked usually does the trick.

Have a look at the demo on this page: http://broken-links.com/tests/video/

This works, AFAIK, in all video-enabled desktop browsers, iPhone and Android.

Here’s the markup:

<video id="video" autobuffer height="240" width="360">
<source src="https://stackoverflow.com/questions/1711078/BigBuck.m4v">
<source src="BigBuck.webm" type="video/webm">
<source src="BigBuck.theora.ogv" type="video/ogg">
</video>

And I have this in the JS:

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);

I tested this on a Samsung Galaxy S and it works fine.

More Related Contents:

  1. WebView and HTML5
  2. Sharing link on WhatsApp from mobile website (not application) for Android
  3. HTML file input control with capture and accept attributes works wrong?
  4. Play Youtube HTML5 embedded Video in Android WebView
  5. Best practice to create chat application with private rooms
  6. Which solution i can use for guaranteed notifications (it is not about push notification)? [closed]
  7. Parse HTML in Android
  8. How can I use TypefaceSpan or StyleSpan with a custom Typeface?
  9. YouTube Video not playing in WebView – Android
  10. Contact Bubble EditText
  11. Can I avoid the native fullscreen video player with HTML5 on iPhone or android?
  12. Chrome on Android resizes font
  13. Restrict API requests to only my own mobile app
  14. Passing data from java class to Web View html
  15. Android intent for playing video?
  16. Can I make a phone call from HTML on Android?
  17. Disable scrolling in all mobile devices
  18. How to force keyboard with numbers in mobile website in Android
  19. Android sdk cut/trim video file
  20. Flutter Keyboard makes textfield hide
  21. setPluginsEnabled not exist for WebView
  22. Android WebView with an embedded youtube video, full screen button freezes video
  23. Which HTML tags are supported by Android TextView?
  24. Sending html email in android using , etc. – is there really no relatively built-in Intent way?
  25. How to get thumbnail for video in my /sdcard/Android/data/mypackage/files folder?
  26. Set rowSpan or colSpan of a child of a GridLayout programmatically?
  27. android span click event
  28. How to create a video from an array of images in Android?
  29. Android Custom URL to open App like in iOS
  30. Is there a way to have a masked numeric input field?

Leave a Comment