Video player issue using workight

Question

I have created HTML using Axure SW. This includes some inbuilt videos. These all work fine as html docs however, when I use worklight to convert them to .apk files the videos do not play (with the exception of on my Samsung Galaxy note). How would I invoke the inbuilt video player?

Answer 1

Missing in your question: Worklight version, device models, used Android version, whether these are local or remote video files, the video files format (mp3, ogg, mp4, m4v, ...), any errors found in LogCat and even better - implementation snippets.

Possible causes for video to not work in Android:

• Media file format: make sure you follow Google's guidelines: http://developer.android.com/guide/appendix/media-formats.html

• File encoding, video compatibility in devices:

  • http://www.encoding.com/android/
  • http://support.brightcove.com/en/video-cloud/docs/supported-devices-html5-players
  • http://html5doctor.com/multimedia-troubleshooting/
    
    

• The Android Emulator is not good for testing video playback

• Also some related questions:

  • how to play video in Android Web view using html5
  • How to load videos from assets folder? (to play them with VideoView)
  • Playing local video in WebView on Android
  • where to place local video files for android webview html5 hybrid app

Playing video from a server
This worked for me:

<video id="myVideo" controls="">
    <source src="http://broken-links.com/tests/media/BigBuck.mp4"></source>
</video>

From the device
Note that here I created a "video" folder in my_app\common. This may not work on every device due to the above stated.

<video id="myVideo" autobuffer controls>
    <source src="video/BigBuck.mp4" type="video/mp4"></source>
</video>

You could also use Cordova plug-ins to enable video playback. Unfortunately adding them requires some extra work which did not yet work for me...

• https://github.com/tdurand/videoplayer-phonegap3
• https://github.com/jaeger25/Html5Video