HLS HTML5 VIDEO PLAYER HOW TO
HLS HTML5 VIDEO PLAYER ANDROID

Make sure tag has class attribute with 'projekktor' value (even if you initialise it by ID of the element), player will not work properly otherwise.Player initialisation is done using tag directly (no wrapper needed).

RTMP only work if defined via playlist rather than in tags.

HLS HTML5 VIDEO PLAYER ANDROID

Issues on ios and android (suggests to download file when play button is pressed).Uses flash where it is not supposed to (e.g.Platform preference order selection (e.g.Possibility to choose flash player for fallback (included by default are StrobeMediaPlayback and Jarisplayer, both Open Source).Flash fall-forward - uses Flash/Silverlight to provide the HTML5 MediaElement API.RTMP server connection and path specified as single URI in src attribute of source item, '&' character is used as server connection and path divider.RTMP server connection is configured via data-rtmp attribute in wrapper or player init config parameter, actual path the file specified in src attribute of source item.width and height attributes in video tag are ignored, player size is configured via wrapper size only.Player initialisation is done using wrapper around.Technical notes (lessons learned from the prototypes) Existing flash flowplayer can be configured for fallback (the appearance of player will not be affected).Extensive customisation (via CSS3 skins and configuration object).Good looking player, resembles existing flash flowplayer in Moodle (with 'functional' skin).Flash object) for browsers that don't support it at all ( ), but not based on codec support. The Video tag can contain fallback content (e.g. wmv support) fallback, used to provide the HTML5 video/audio elements. StobeMediaPlayback (but can be jarisplayer or some other).įlash and Silverlight (for. Yes ( ) This was instructed by Greg Krause, one of the key accessibility advisors for Moodle.

Maintainability of the links between the player and Moodle - how much work will we need to do every time we upgrade?.

Embedding support - so users could post media content outside Moodle, if permitted.

Plugins support - can we use or develop community plugins easily?.

Streaming media support (including adaptive-bitrate delivery) - can player handle RTMP, Apple HLS, Adobe HDS, Microsoft HSS?.

Mobile platforms support - does player also work on iOS and Android?.

Audio support - can player handle HTML5 tag?.

Consistency among browsers - does player look the same?.

Appearance of the player - can its interface be modified, themes support, RTL?.

Accessibility of the player - possibility of keyboard navigation, subtitles, support?.

HLS HTML5 VIDEO PLAYER HOW TO

Usability of the player - is it easy to use it and intuitively understand how to use controls?.Another aim is to improve accessibility and usability, enhance customisation. The aim of this change is to reach a consistent look of the player among different platforms and browsers, as well as making sure that player starts using flash if html5 is not supported by browser for the given format. The purpose of this document is to choose HTML5 player with flash fallback for integration in Moodle and plan its implementation.

Hls html5 video player