/*
 *
 * zy.media.js
 * HTML5 <video> and <audio> native player
 *
 * Copyright 2016-2019, iReader FE(掌阅书城研发--前端组)
 * License: MIT
 *
 */
;
(function() {

	var zyMedia = {};


	// Default config
	zyMedia.config = {
		// Overrides the type specified, for dynamic instantiation
		type: '',
		// Set media title
		mediaTitle: '',
		// Force native controls
		nativeControls: false,
		// Autoplay
		autoplay: false,
		// Preload, not 'auto', in native app of xiaomi HM 1SW,
		// the images does not synchronize with sound of video which is cross-domain
		preload: 'none',
		// Video width
		videoWidth: '100%',
		// Video height
		videoHeight: 'auto',
		// Aspect ration 16:9
		aspectRation: (16 / 9),
		// Audio width
		audioWidth: '100%',
		// Audio height
		audioHeight: 44,
		// AutoLoop, true for infinite loop, false for rewind to beginning when media ends
		autoLoop: false,
		// Time format to show. Default 1 for 'mm:ss', 2 for 'm:s'
		timeFormatType: 1,
		// Forces the hour marker (##:00:00)
		alwaysShowHours: false,
		// Hide controls when playing and mouse is not over the video
		alwaysShowControls: false,
		// Hide the video control when loading
		hideVideoControlsOnLoad: false,
		// Show fullscreen button
		enableFullscreen: true,
		// When this player starts, it will pause other players
		pauseOtherPlayers: true,
		// When page's visibilityState is hidden, pause all media
		enableVisibilityState: true,
		// Media duration
		duration: 0,
		// Sucess callback
		success: null,
		// Error callback
		error: null,
		// ux before play，media will can't play if return true
		beforePlay: null
	};


	// Feature detect
	(function(t) {
		var ua = window.navigator.userAgent.toLowerCase();
		var v = document.createElement('video');

		t.isBustedAndroid = /android 2\.[12]/i.test(ua);
		t.isChromium = /chromium/i.test(ua);

		t.hasTouch = 'ontouchstart' in window;
		t.supportsCanPlayType = typeof v.canPlayType !== 'undefined';

		// Detect playsinline. False in iOS 11 UIWebView
		t.isPlaysInline = matchMedia('(-webkit-video-playable-inline)').matches;
		t.iPhoneVersion = ua.match(/iPhone OS (\d+)_?/i);
		// Vendor for no big play button
		t.isVendorBigPlay = (function() {
			if (window.MSStream) {
				return false
			}

			return false
		})();

		// Vendor for no controls bar
		t.isVendorControls = /baidu/i.test(ua) && !/baiduboxapp/i.test(ua);

		// Prefix of current working browser
		t.nativeFullscreenPrefix = (function() {
			if (v.requestFullScreen) {
				return '';
			} else if (v.webkitRequestFullScreen) {
				return 'webkit'
			} else if (v.mozRequestFullScreen) {
				return 'moz'
			} else if (v.msRequestFullScreen) {
				return 'ms'
			}
			return '-'
		})();

		if (typeof document.visibilityState != 'undefined') {
			t.vChange = 'visibilitychange';
			t.vState = 'visibilityState'
		} else if (typeof document.webkitVisibilityState != 'undefined') {
			t.vChange = 'webkitvisibilitychange';
			t.vState = 'webkitVisibilityState'
		} else {
			t.vChange = '';
			t.vState = ''
		}

		// None-standard
		t.hasOldNativeFullScreen = (t.nativeFullscreenPrefix == '-') && v.webkitEnterFullscreen;

		// OS X 10.5 can't do this even if it says it can
		if (t.hasOldNativeFullScreen && /mac os x 10_5/i.test(ua)) {
			t.nativeFullscreenPrefix = '-';
			t.hasOldNativeFullScreen = false
		}
	})(zyMedia.features = {});


	// Get style
	function _css(el, property) {
		return parseInt(getComputedStyle(el, null).getPropertyValue(property))
	}
	// Add class
	function _addClass(el, token) {
		el.classList.add(token)
	}

	// Remove class
	function _removeClass(el, token) {
		el.classList.remove(token)
	}

	// Get time format
	function timeFormat(time, options) {
		// Video's duration is Infinity in GiONEE(金立) device
		if (!isFinite(time) || time < 0) {
			time = 0;
		}
		// Get hours
		var _time = options.alwaysShowHours ? [0] : [];
		if (Math.floor(time / 3600) % 24) {
			_time.push(Math.floor(time / 3600) % 24)
		}
		// Get minutes
		_time.push(Math.floor(time / 60) % 60);
		// Get seconds
		_time.push(Math.floor(time % 60));
		_time = _time.join(':');
		// Fill '0'
		if (options.timeFormatType == 1) {
			_time = _time.replace(/(:|^)([0-9])(?=:|$)/g, '$10$2')
		}

		return _time
	};

	// Report whether or not the document in fullscreen mode
	function isInFullScreenMode() {
		return document.fullscreenElement || document.mozFullScreen || document.webkitIsFullScreen
	}

	// Get media type from file extension
	function getTypeFromFileExtension(url) {
		url = url.toLowerCase().split('?')[0];
		var _ext = url.substring(url.lastIndexOf('.') + 1);
		var _av = /mp4|m4v|ogg|ogv|m3u8|webm|webmv|wmv|mpeg|mov/gi.test(_ext) ? 'video/' : 'audio/';

		switch (_ext) {
			case 'mp4':
			case 'm4v':
			case 'm4a':
				return _av + 'mp4';
			case 'webm':
			case 'webma':
			case 'webmv':
				return _av + 'webm';
			case 'ogg':
			case 'oga':
			case 'ogv':
				return _av + 'ogg';
			case 'm3u8':
				return 'application/x-mpegurl';
			case 'ts':
				return _av + 'mp2t';
			default:
				return _av + _ext;
		}
	}

	// Get media type
	function getType(url, type) {
		// If no type is specified, try to get from the extension
		if (url && !type) {
			return getTypeFromFileExtension(url)
		} else {
			// Only return the mime part of the type in case the attribute contains the codec
			// see http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#the-source-element
			// `video/mp4; codecs="avc1.42E01E, mp4a.40.2"` becomes `video/mp4`
			if (type && ~type.indexOf(';')) {
				return type.substr(0, type.indexOf(';'))
			} else {
				return type
			}
		}
	}

	// Detect if current type is supported
	function detectType(media, options, src) {
		var mediaFiles = [];
		var i;
		var n;
		var isCanPlay;

		// Get URL and type
		if (options.type) {
			// Accept either string or array of types
			if (typeof options.type == 'string') {
				mediaFiles.push({
					type: options.type,
					url: src
				});
			} else {
				for (i = 0; i < options.type.length; i++) {
					mediaFiles.push({
						type: options.type[i],
						url: src
					});
				}
			}
		} else if (src !== null) {
			// If src attribute
			mediaFiles.push({
				type: getType(src, media.getAttribute('type')),
				url: src
			});
		} else {
			// If <source> elements
			for (i = 0; i < media.children.length; i++) {
				n = media.children[i];

				if (n.nodeType == 1 && n.tagName.toLowerCase() == 'source') {
					src = n.getAttribute('src');
					mediaFiles.push({
						type: getType(src, n.getAttribute('type')),
						url: src
					});
				}
			}
		}

		// For Android which doesn't implement the canPlayType function (always returns '')
		if (zyMedia.features.isBustedAndroid) {
			media.canPlayType = function(type) {
				return /video\/(mp4|m4v)/i.test(type) ? 'maybe' : ''
			};
		}
		// For Chromium to specify natively supported video codecs (i.e. WebM and Theora)
		if (zyMedia.features.isChromium) {
			media.canPlayType = function(type) {
				return /video\/(webm|ogv|ogg)/i.test(type) ? 'maybe' : ''
			};
		}

		if (zyMedia.features.supportsCanPlayType) {
			for (i = 0; i < mediaFiles.length; i++) {
				// Normal detect
				if (mediaFiles[i].type == "video/m3u8" || media.canPlayType(mediaFiles[i].type).replace(/no/, '') !== '' ||
					// For Mac/Safari 5.0.3 which answers '' to canPlayType('audio/mp3') but 'maybe' to canPlayType('audio/mpeg')
					media.canPlayType(mediaFiles[i].type.replace(/mp3/, 'mpeg')).replace(/no/, '') !== '' ||
					// For m4a supported by detecting mp4 support
					media.canPlayType(mediaFiles[i].type.replace(/m4a/, 'mp4')).replace(/no/, '') !== '') {
					isCanPlay = true;
					break
				}
			}
		}

		return isCanPlay
	};

	// Mediaplayer instance No
	var zymIndex = 0;
	// Store Mediaplayer instance
	zyMedia.players = {};


	// Constructor, MediaPlayer
	zyMedia.MediaPlayer = function(media, option) {
		var t = this;
		var i;

		// Make sure it can't be instantiated again
		if (media.isInstantiated) {
			return
		} else {
			media.isInstantiated = true
		}

		t.media = media;

		// Detect video or audio
		var _tagName = t.media.tagName.toLowerCase();
		if (!/audio|video/.test(_tagName)) return;

		t.isVideo = _tagName === 'video';

		// Extend options
		t.options = {};
		for (i in zyMedia.config) {
			t.options[i] = zyMedia.config[i]
		}

		try {
			for (i in option) {
				t.options[i] = option[i]
			}
			// Data-config has the highest priority
			var config = JSON.parse(t.media.getAttribute('data-config'));
			for (i in config) {
				t.options[i] = config[i]
			}
		} catch (exp) {}

		// Set preload is auto for media can't play in iOS 11+ UIWebView
		if (t.options.preload == 'none' && zyMedia.features.iPhoneVersion && (zyMedia.features.iPhoneVersion[1] >= 11)) {
			t.options.preload = 'auto'
		}

		if (!t.isVideo) {
			t.options.alwaysShowControls = true
		}

		if (t.options.nativeControls || zyMedia.features.isVendorControls) {
			// Use native controls
			t.media.setAttribute('controls', 'controls');
			if (zyMedia.features.isPlaysInline) {
				t.media.setAttribute('playsinline', '')
			}
			// reset position: absolute -> relative
			t.media.style.position = 'relative'
		} else {
			var src = t.media.getAttribute('src');
			src = src === '' ? null : src;

			if (detectType(t.media, t.options, src)) {
				// Unique ID
				t.id = 'zym_' + zymIndex++;
				zyMedia.players[t.id] = t;
				t.init()
			} else {
				alert('不支持此' + (t.isVideo ? '视' : '音') + '频')
			}
		}
	};


	zyMedia.MediaPlayer.prototype = {

		isControlsVisible: true,
		isFullScreen: false,

		setPlayerSize: function(width, height) {






			var video = document.querySelector('#media')
			video.style.display = 'block'

			var t = this;

			// Ignore in fullscreen status
			if(isInFullScreenMode() || t.isFullScreen) {
				return
			}

			if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) &&
				navigator.userAgent.indexOf('Quark') !== -1) {
				video.style.display = 'none'
			}

			// Set t.width
			if (width == undefined || width == '100%') {
				t.width = _css(t.container, 'width')
			}

			// // Set t.height
			if (height == undefined || height == 'auto') {
				var topback = document.querySelector('.height-full')
				var shadeBtn = document.querySelector('.component-video-shade')

				var nativeWidth = t.media.videoWidth;
				var nativeHeight = t.media.videoHeight;


				var screenW = window.screen.width
				var clientW = document.body.clientWidth
				var ratio = 1

				// Uniform scale
				if (nativeWidth && nativeHeight) {
					if (Math.abs(t.options.aspectRation - nativeWidth / nativeHeight) < .1) {
						t.options.aspectRation = nativeWidth / nativeHeight
					}
				}

				t.height = parseInt(t.width / t.options.aspectRation)

				var backIcon = document.querySelector('.component-video-icon')
				var backFont = document.querySelector('.component-video-shade span')



				if(nativeHeight > nativeWidth) {

					backIcon.style.display = 'none'
					backFont.style.display = 'none'

					if(navigator.userAgent.indexOf('Quark') !== -1) {
						ratio = clientW/screenW === 1 ? 0.6 : 1
					} else {
						ratio = clientW/screenW === 1 ? 0.7 : 1.2
					}


					t.height = Math.min(window.screen.height, t.width * (nativeHeight/nativeWidth))
					topback.style.display = 'inline-block'
				} else {

					backIcon.style.display = 'inline-block'
					backFont.style.display = 'inline-block'
					if(t.height < t.width && video.style.opacity == 1) {
						topback.style.display = 'none'
					}
				}

				shadeBtn.style.display = 'block'

			}

			t.media.style.width = t.width  + 'px';
			t.media.style.height = t.container.style.height = t.height * ratio + 'px'
			// testss

			t.media.style.maxHeight = '100%'

		},

		showControls: function() {
			var t = this;

			if (t.isControlsVisible)
				return;

			t.controls.style.bottom = 0;

			if (t.options.mediaTitle) {
				t.title.style.top = 0
			}

			t.isControlsVisible = true;
		},

		hideControls: function() {
			var t = this;

			if (!t.isControlsVisible || t.options.alwaysShowControls)
				return;

			t.controls.style.bottom = '-45px';

			if (t.options.mediaTitle) {
				t.title.style.top = '-35px'
			}

			t.isControlsVisible = false
		},

		setControlsTimer: function(timeout) {
			var t = this;

			if (t.options.alwaysShowControls) {
				return
			}

			clearTimeout(t.controlsTimer);

			t.controlsTimer = setTimeout(function() {
				t.hideControls()
			}, timeout);
		},

		updateTimeline: function(e) {
			var t = this;
			var el = (e !== undefined) ? e.target : t.media;
			var percent = null;
			var _W = _css(t.slider, 'width');

			// Support buffered
			if (el.buffered && el.buffered.length > 0 && el.buffered.end && el.duration) {
				percent = el.buffered.end(el.buffered.length - 1) / el.duration
			}
			// Support bufferedBytes
			else if (el.bytesTotal !== undefined && el.bytesTotal > 0 && el.bufferedBytes !== undefined) {
				percent = el.bufferedBytes / el.bytesTotal
			}
			// Support progressEvent.lengthComputable
			else if (e && e.lengthComputable && e.total !== 0) {
				percent = e.loaded / e.total
			}

			// Update the timeline
			if (percent !== null) {
				percent = Math.min(1, Math.max(0, percent));
				t.loaded.style.width = _W * percent + 'px';
				// Adjust when pause change from playing (魅族)
				if (t.media.paused) {
					setTimeout(function() {
						t.loaded.style.width = _W * percent + 'px';
						t.updateTimeline()
					}, 300)
				};
			}

			if (t.media.currentTime !== undefined && t.media.duration) {
				// Update bar and handle
				var _w = Math.round(_W * t.media.currentTime / t.media.duration);
				t.current.style.width = _w + 'px';
				t.handle.style.left = _w - Math.round(_css(t.handle, 'width') / 2) + 'px'
			}
		},

		updateTime: function() {
			var t = this;
			t.currentTime.innerHTML = timeFormat(t.media.currentTime, t.options);

			// Duration is 1 in (读者) device
			if (t.options.duration > 1 || t.media.duration > 1) {
				t.durationDuration.innerHTML = timeFormat(t.options.duration > 1 ? t.options.duration : t.media.duration, t.options)
			}
		},

		enterFullScreen: function() {
			var t = this;
			// Attempt to do true fullscreen
			if (zyMedia.features.nativeFullscreenPrefix != '-') {
				t.container[zyMedia.features.nativeFullscreenPrefix + 'RequestFullScreen']()
			} else if (zyMedia.features.hasOldNativeFullScreen) {
				t.media.webkitEnterFullscreen();
				return
			}

			// Set it to not show scroll bars so 100% will work
			_addClass(document.documentElement, 'zy_fullscreen');

			// Make full size
			t.media.style.width = t.container.style.width = '100%';
			t.media.style.height = t.container.style.height = '100%';
			// :-webkit-full-screen style not work in app webview, 乐pro3 Android 6.0.1
			t.container.style.zIndex = '1001';
			_addClass(t.fullscreenBtn, 'zy_unfullscreen');
			t.isFullScreen = true
		},

		exitFullScreen: function() {
			var t = this;
			// Come out of native fullscreen
			if (isInFullScreenMode() || t.isFullScreen) {
				if (zyMedia.features.nativeFullscreenPrefix != '-') {
					document[zyMedia.features.nativeFullscreenPrefix + 'CancelFullScreen']()
				} else if (zyMedia.features.hasOldNativeFullScreen) {
					document.webkitExitFullscreen()
				}
			}
			_removeClass(document.documentElement, 'zy_fullscreen');
			t.media.style.width = t.width + 'px';
			t.container.style.width = '';
			t.media.style.height = t.container.style.height = t.height + 'px';
			t.container.style.zIndex = '';
			_removeClass(t.fullscreenBtn, 'zy_unfullscreen');
			t.isFullScreen = false
		},

		// Media container
		buildContainer: function() {
			var t = this;

			var back = '<svg t="1566897969136" class="height-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1108" width="20" height="20"><path d="M638.2 272.5H400.5V155c0-12.1-12.9-19.9-23.6-14.3l-304 158.9c-11.7 6.1-11.5 22.8 0.3 28.7l304 151.9c10.7 5.4 23.3-2.4 23.3-14.4V347.7h237.8c135.4 0 245.5 103.6 245.5 231s-110.1 231-245.5 231h-489c-20.8 0-37.6 16.8-37.6 37.6s16.8 37.6 37.6 37.6h489c176.8 0 320.6-137.3 320.6-306.2 0-168.8-143.9-306.2-320.7-306.2z" p-id="1109" fill="#ffffff"></path></svg>'

			t.container = t.media.parentNode;
			t.container.style.overflow = 'hidden';
			// Preset container's height by aspectRation
			t.container.style.height = (t.isVideo ? _css(t.container, 'width') / t.options.aspectRation : t.options.audioHeight) + 'px';
			t.container.innerHTML = '<div class="zy_wrap"></div><div class="zy_controls"></div>' +
				(t.options.mediaTitle ? '<div class="zy_title">' + back + t.options.mediaTitle + '</div>' : '');

			t.title = t.container.querySelector('.zy_title');

			t.media.setAttribute('preload', t.options.preload);
			// iOS's playsinline, https://webkit.org/blog/6784/new-video-policies-for-ios/
			if (zyMedia.features.isPlaysInline) {
				t.media.setAttribute('playsinline', '')
			}
			t.container.querySelector('.zy_wrap').appendChild(t.media);
			t.controls = t.container.querySelector('.zy_controls');


			if (t.isVideo) {
				t.width = t.options.videoWidth;
				t.height = t.options.videoHeight;

				if (t.width == '100%' && t.height == 'auto') {
					t.enableAutoSize = true
				}
				// t.setPlayerSize(t.width, t.height)
			}
		},

		// Play/pause button
		buildPlaypause: function() {
			var t = this;
			var play = document.createElement('div');
			play.className = 'zy_playpause_btn_play';
			t.controls.appendChild(play);
			play.addEventListener('click', function() {
				t.media.isUserClick = true;

				if (t.media.paused) {

					if (typeof t.options.beforePlay === 'function') {
						if (t.options.beforePlay(t.media)) {
							return
						}
					}

					if (t.media.isError) {
						var _currentTime = t.media.currentTime;
						// Allow this to play video later
						t.media.load();
						t.media.isError = false;
						t.media.currentTime = _currentTime
					}

					t.media.play();

					// Controls bar auto hide after 3s
					if (!t.media.paused) {
						t.setControlsTimer(3000)
					}
				} else {
					t.media.pause()
				}
			});

			function togglePlayPause(s) {
				if (t.media.isUserClick || t.options.autoplay) {
					if ('play' === s) {
						play.className = 'zy_playpause_btn_pause'
					} else {
						play.className = 'zy_playpause_btn_play'
					}
				}
			};

			t.media.addEventListener('play', function() {
				togglePlayPause('play')
			});

			t.media.addEventListener('playing', function() {
				togglePlayPause('play')
			});

			t.media.addEventListener('pause', function() {
				togglePlayPause('pse')
			});

			t.media.addEventListener('paused', function() {
				togglePlayPause('pse')
			});
		},

		// Timeline
		buildTimeline: function() {
			var t = this;
			var timeline = document.createElement('div');
			timeline.className = 'zy_timeline';
			timeline.innerHTML = '<div class="zy_timeline_slider">' +
				'<div class="zy_timeline_buffering" style="display:none"></div>' +
				'<div class="zy_timeline_loaded"></div>' +
				'<div class="zy_timeline_current"></div>' +
				'<div class="zy_timeline_handle"></div>' +
				'</div>';
			t.controls.appendChild(timeline);

			t.slider = timeline.children[0];
			t.buffering = t.slider.children[0];
			t.loaded = t.slider.children[1];
			t.current = t.slider.children[2];
			t.handle = t.slider.children[3];

			var isPointerDown = false;
			var _X = t.slider.getBoundingClientRect().left;
			var _W = _css(t.slider, 'width');
			var _W_HANDLE_HALF = _css(t.handle, 'width') / 2;

			var pointerMove = function(e) {
				e.preventDefault();
				e.stopPropagation();

				var _time = 0;
				var x;

				if (e.changedTouches) {
					x = e.changedTouches[0].pageX
				} else {
					x = e.pageX
				}

				if (t.media.duration) {
					if (x < _X) {
						x = _X
					} else if (x > _W + _X) {
						x = _W + _X
					}

					// Update handle element position
					t.handle.style.left = x - _W_HANDLE_HALF - _X + 'px';

					_time = ((x - _X) / _W) * t.media.duration;
					// Update currentTime element value
					t.currentTime.innerHTML = timeFormat(t.media.currentTime, t.options);

					if (isPointerDown && _time !== t.media.currentTime) {
						t.media.currentTime = _time
					}
				}

				// Do not hide controls when drag timeline
				clearTimeout(t.controlsTimer)
			};
			// Handle clicks
			if (zyMedia.features.hasTouch) {
				timeline.addEventListener('touchstart', function(e) {
					isPointerDown = true;
					t.media.pause();
					pointerMove(e);
					_X = t.slider.getBoundingClientRect().left;
					_W = _css(t.slider, 'width');
					timeline.addEventListener('touchmove', pointerMove);
					timeline.addEventListener('touchend', function(e) {
						pointerMove(e);
						isPointerDown = false;
						t.media.play();
						t.media.isUserClick = true;
						t.setControlsTimer(3000);
						timeline.removeEventListener('touchmove', pointerMove)
					});
				});
			} else {
				timeline.addEventListener('mousedown', function(e) {
					isPointerDown = true;
					t.media.pause();
					pointerMove(e);
					_X = t.slider.getBoundingClientRect().left;
					_W = _css(t.slider, 'width');
					timeline.addEventListener('mousemove', pointerMove);
					timeline.addEventListener('mouseup', function(e) {
						pointerMove(e);
						isPointerDown = false;
						t.media.play();
						t.media.isUserClick = true;
						t.slider.addEventListener('mousemove', pointerMove)
					});
				});
			}


			//4Hz ~ 66Hz, no longer than 250ms
			t.media.addEventListener('timeupdate', function(e) {
				t.updateTimeline(e)
			});
		},

		// Current time 00:00/00:00
		buildCurrentTime: function() {
			var t = this;

			var time = document.createElement('div');
			time.className = 'zy_currenttime';
			time.innerHTML = timeFormat(0, t.options);
			t.controls.appendChild(time);

			t.currentTime = time;

			//4Hz ~ 66Hz, no longer than 250ms
			t.media.addEventListener('timeupdate', function() {
				t.updateTime()
			});
		},

		// Duration time 00:00/00:00
		buildTotalTime: function() {
			var t = this;

			var time = document.createElement('div');
			time.className = 'zy_time';
			time.innerHTML = timeFormat(t.options.duration, t.options);
			t.controls.appendChild(time);

			t.durationDuration = time;
		},

		// Fullscreen button
		buildFullscreen: function() {
			var t = this;
			// Native events
			if (zyMedia.features.nativeFullscreenPrefix != '-') {
				// Chrome doesn't alays fire this in an iframe
				var func = function(e) {
					if (t.isFullScreen) {
						if (!isInFullScreenMode()) {
							t.exitFullScreen()
						}
					}
				};

				document.addEventListener(zyMedia.features.nativeFullscreenPrefix + 'fullscreenchange', func)
			}

			t.fullscreenBtn = document.createElement('div');
			t.fullscreenBtn.className = 'zy_fullscreen_btn';
			t.controls.appendChild(t.fullscreenBtn);



			// 浏览器鉴别 不需要全屏
			function browserTypeJudge() {
				var ua = navigator.userAgent.toLowerCase()
				var browserMap = [ 'baidu', 'quark', 'metasr', 'qqbrowser', '2345', 'sogou']
				var i = 0, len = browserMap.length
				while(i < len) {
					if(ua.indexOf(browserMap[i]) > -1) return true
					i++
				}
				return false
			}


			if(!browserTypeJudge()) {
				// 此处为默认视频直接全屏播放
				var palyBtn = document.querySelectorAll('.comp-video-play')[document.querySelectorAll('.comp-video-play').length-1]
				palyBtn.addEventListener('click', function() {
					if ((zyMedia.features.nativeFullscreenPrefix != '-' && isInFullScreenMode()) || t.isFullScreen) {
						t.exitFullScreen()
					} else {
						// var sources = document.querySelector('video')
						// sources.src = 'images/sanguo.mp4'
						t.enterFullScreen()
					}
				})
			}


			t.fullscreenBtn.addEventListener('click', function() {
				if ((zyMedia.features.nativeFullscreenPrefix != '-' && isInFullScreenMode()) || t.isFullScreen) {
					t.exitFullScreen()
				} else {
					t.enterFullScreen()
				}
			});
		},

		// bigPlay, loading and error info
		buildDec: function() {
			var t = this;

			var loading = document.createElement('div');
			loading.className = 'dec_loading';
			loading.style.display = 'none';
			t.container.appendChild(loading);

			var error = document.createElement('div');
			error.className = 'dec_error';
			error.style.display = 'none';
			error.innerHTML = '播放失败，请重试';
			t.container.appendChild(error);

			var bigPlay = document.createElement('div');

			if (!zyMedia.features.isVendorBigPlay) {
				bigPlay.className = 'dec_play';
				t.container.appendChild(bigPlay);
				bigPlay.addEventListener('click', function() {
					// For some device trigger 'play' event
					t.media.isUserClick = true;

					if (typeof t.options.beforePlay === 'function') {
						if (t.options.beforePlay(t.media)) {
							return
						}
					}

					if (t.media.isError) {
						var _currentTime = t.media.currentTime;
						// Allow this to play video later
						t.media.load();
						t.media.isError = false;
						t.media.currentTime = _currentTime
					}

					t.media.play();
					// Controls bar auto hide after 3s
					if (!t.media.paused) {
						t.setControlsTimer(3000)
					}
				});
			}

			t.media.addEventListener('play', function() {
				// Only for user click
				if (t.media.isUserClick) {
					bigPlay.style.display = 'none';
					loading.style.display = '';
					t.buffering.style.display = 'none'
				}
			});

			t.media.addEventListener('playing', function() {
				bigPlay.style.display = 'none';
				loading.style.display = 'none';
				t.buffering.style.display = 'none';
				error.style.display = 'none';

				clearTimeout(t.media._st)
			});

			t.media.addEventListener('seeking', function() {
				loading.style.display = '';
				bigPlay.style.display = 'none';
				t.buffering.style.display = '';

				clearTimeout(t.media._st)
			});

			t.media.addEventListener('seeked', function() {
				loading.style.display = 'none';
				t.buffering.style.display = 'none';
			});

			t.media.addEventListener('pause', function() {
				bigPlay.style.display = ''
				// Hide loading and buffering when paused
				loading.style.display = 'none';
				t.buffering.style.display = 'none';


				clearTimeout(t.media._st)
			});

			t.media.addEventListener('waiting', function() {
				loading.style.display = '';
				bigPlay.style.display = 'none';
				error.style.display = 'none';
				t.buffering.style.display = '';

				// Trigger error if waiting time longer than 30s
				t.media._st = setTimeout(function() {
					var _event = document.createEvent('Event');
					_event.initEvent('error', true, true);
					t.media.dispatchEvent(_event)
				}, 30000)
			});

			// Don't listen to 'loadeddata' and 'canplay',
			// some Android device can't fire 'canplay' or irregular working when use 'createEvent' to trigger 'canplay' (读者i800)

			// Error handling
			t.media.addEventListener('error', function(e) {
				loading.style.display = 'none';
				bigPlay.style.display = '';
				t.buffering.style.display = 'none';
				t.media.pause();
				error.style.display = '';

				// For load method when replay
				t.media.isError = true;

				if (typeof t.options.error == 'function') {
					t.options.error(e);
				}
			});
		},

		init: function() {
			var t = this;

			// Build
			var batch = ['Container', 'Playpause', 'CurrentTime', 'Timeline', 'TotalTime'];
			if (t.options.enableFullscreen && t.isVideo) {
				batch.push('Fullscreen')
			}

			if (t.isVideo) {
				batch.push('Dec')
			}

			for (var i = 0; i < batch.length; i++) {
				try {
					t['build' + batch[i]]()
				} catch (exp) {}
			}

			// Controls fade
			if (t.isVideo) {
				if (zyMedia.features.hasTouch) {
					t.media.addEventListener('touchend', function() {
						// Toggle controls
						if (t.isControlsVisible) {
							t.hideControls()
						} else {
							t.showControls();
							// Controls bar auto hide after 3s
							if (!t.media.paused) {
								t.setControlsTimer(3000)
							}
						}
					});
				} else {
					// Click to play/pause
					t.media.addEventListener('click', function() {
						if (t.media.paused) {
							t.media.play()
						} else {
							t.media.pause()
						}
					});

					// Show/hide controls
					t.container.addEventListener('mouseenter', function() {
						t.showControls();
						t.setControlsTimer(3000)
					});

					t.container.addEventListener('mousemove', function() {
						t.showControls();
						t.setControlsTimer(3000)
					});
				}

				if (t.options.hideVideoControlsOnLoad) {
					t.hideControls()
				}

				t.media.addEventListener('loadedmetadata', function(e) {
					if (t.enableAutoSize) {
						//	For more properly videoWidth or videoHeight of HM 1SW(小米), QQ browser is 0
						if (!isNaN(t.media.videoHeight)) {
							t.setPlayerSize()
						}
					}
				});

			}

			t.media.addEventListener('play', function() {
				var p;

				for (var i in zyMedia.players) {
					p = zyMedia.players[i];

					if (p.id != t.id && t.options.pauseOtherPlayers && !p.paused && !p.ended) {
						try {
							p.media.pause()
						} catch (exp) {}
					}
				}
			});

			// Pause all media when page's visibilityState is hidden
			if (t.options.enableVisibilityState && zyMedia.features.vChange) {
				document.addEventListener(zyMedia.features.vChange, function() {
					if (document[zyMedia.features.vState] == 'hidden') {
						// 100ms time for switching between app's webviews
						setTimeout(function() {
							[].forEach.call(document.querySelectorAll('video, audio'), function(el) {
								el.pause()
							})
						}, 100)
					}
				});

				// Only one times for binding zyMedia.features.vChange
				zyMedia.features.vChange = ''
			}

			// Adjust controls when orientation change, 500ms for Sumsung tablet
			// window.addEventListener('orientationchange', function() {
			// 	if (t.isVideo) {
			// 		t.setPlayerSize()
			// 	}
			// });

			t.media.addEventListener('ended', function(e) {
				t.media.currentTime = 0;

				if (t.options.autoLoop) {
					t.media.play()
				} else {
					if (t.isVideo) {
						setTimeout(function() {
							// Fixing an Android stock browser bug, where "seeked" isn't fired correctly after ending the video and jumping to the beginning
							t.container.querySelector('.dec_loading').style.display = 'none';
							// Show big play button after "ended" -> "paused" -> "seeking" -> "seeked"
							t.container.querySelector('.dec_play').style.display = ''
						}, 20)
					}

					t.media.pause()
				}

				t.updateTimeline(e)
			});

			t.media.addEventListener('loadedmetadata', function(e) {
				t.updateTime()
			});

			if (t.options.autoplay) {
				t.media.isUserClick = false;
				t.media.play()
			}

			if (typeof t.options.success == 'function') {
				t.options.success(t.media)
			}

		}

	};


	// String or node
	window.zymedia = function(selector, options) {
		if (typeof selector === 'string') {
			[].forEach.call(document.querySelectorAll(selector), function(el) {
				new zyMedia.MediaPlayer(el, options)
			});
		} else {
			new zyMedia.MediaPlayer(selector, options)
		}
	}


})()