HTML5 Video on Android


#1

There is a lot of confusion over HTML5 video in the Android community, particularly about what is expected to work and what isn’t.

Support in a Web View
In Android 4.3 or below, the WebView technology available to developers is based on the Android Browser, in Android 4.4 or higher it is based on Chromium (the engine behind Chrome). When running Xibo on 4.4 or higher the Web View implementation automatically changes to use the newest available technology.

The tag is understood by all versions of the android browser and chromium, however there are specific problems with each type of file you might want to play (remember than from 4.4 you need to look in the Chrome for Android column and not the Android Browser column):
Video tag: http://caniuse.com/#feat=video
WebM: http://caniuse.com/#feat=webm
Mpeg-4: http://caniuse.com/#feat=mpeg4
All HTML5 support: http://caniuse.com/#compare=android+4.1,android+4.2-4.3,android+4.4,android+4.4.3&compare_cats=HTML5

In all cases the HTML5 video will not start automatically and needs to be started by JavaScript, which might be the missing item from many customers content. From 1.4/1.6 R37 this will happen automatically.

Video Codec
In addition to the above the video must have a supported codec and container.

Xibo for Android

XfA uses a web view to play any embedded or web page media from the CMS. This means that any HTML5 video sent to Xibo for Android will come under the above terms.

Our conclusion
We have seen HTML5 video work on so few devices that we cannot offer support for it. After extensive testing it appears to be down to the firmware on the device and the implementation of the web view on that firmware.

Workarounds
Depending on the required result Xibo for Android does offer several potential workarounds. Many HTML5 video requirements are focused on providing a streaming video from a RTSP/HLS video stream. These types of streams are natively supported in Xibo for Android using the “Local Video Module”. This module needs to be enabled in the CMS Module Administration and can then be added to a layout as normal.

More complex HTML5 video requirements often relate to overlaying dynamic content on top of a video. For these requirements Xibo for Android does support layered, overlapping regions and as an alternative it HTML5 video, it would be possible to have a video as a “background” in one region and overlay other content on top. This achieves the same result as a lot of HTML5 video content in webpages. Support for this is not natively available in the CMS and it is necessary to manually position two regions on top of each other. This configuration will not work in Xibo for Windows.


Loop video in html5 don't working on xibo
Introduction / Table of Contents