mediaelement/src/js/player/library.js

One file. Any browser. Same UI.

'use strict';

import window from 'global/window';
import mejs from '../core/mejs';
import MediaElementPlayer from '../player';

if (typeof jQuery !== 'undefined') {
	mejs.$ = jQuery;
} else if (typeof Zepto !== 'undefined') {
	mejs.$ = Zepto;
} else if (typeof ender !== 'undefined') {
	mejs.$ = ender;
}

// turn into plugin
(($) => {
	if (typeof $ !== 'undefined') {
		$.fn.mediaelementplayer = function (options) {
			if (options === false) {
				this.each(function () {
					const player = $(this).data('mediaelementplayer');
					if (player) {
						player.remove();
					}
					$(this).removeData('mediaelementplayer');
				});
			} else {
				this.each(function () {
					$(this).data('mediaelementplayer', new MediaElementPlayer(this, options));
				});
			}
			return this;
		};

		$(document).ready(() => {
			// auto enable using JSON attribute
			$(`.${mejs.MepDefaults.classPrefix}player`).mediaelementplayer();
		});
	}
})(mejs.$);