zwplayer-vue2x 1.0.30 → 1.0.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zwplayer-vue2x",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "description": "A fully functional and lightweight free open-source web player",
   "main": "lib/zwplayervue2.umd.min.js",
   "keyword": "zwplayervue2, zwplayer-vue2x, zero-web-player",

package/sources/vueplayer/src/loadjs.js

@@ -0,0 +1,75 @@
+// zwplayer tools 
+
+const zwplayer_loadjs = function(id,url,cb) {
+	let headNode = document.getElementsByTagName("head");
+	
+	if (headNode.length == 0) {
+		headNode = document.createElement("head");
+		let body = document.getElementsByTagName("body");
+		if (body.length > 0) {
+			body = body[0];
+			document.insertBefore(headNode,body);
+		}
+		else {
+			alert('Invalid html document: no HEAD tag');
+			return false;
+		}
+	}
+	else {
+		headNode = headNode[0];
+		const nodes = headNode.childNodes;
+
+		for (let i = 0; i < nodes.length; i ++) {
+			const node = nodes[i];
+			if (node.nodeName.toUpperCase() === 'SCRIPT') {
+				if (node.id && node.id == id) {
+					if (node.getAttribute('loadstate') != 'true') {
+						const checkLoad = function () {
+							if (node.getAttribute('loadstate') != 'true') {
+								setTimeout(checkLoad,50);
+							}
+							else {
+								if (typeof cb == 'function') cb(id);
+							}
+						};
+						
+						setTimeout(checkLoad,50);
+						return false;
+					}
+					
+					if (typeof cb == 'function') cb(id);
+					return true;
+				}
+			}
+		}
+	}
+	
+	const script = document.createElement("script");
+	
+	script.type = "text/javascript";
+	
+	if(script.readyState){ // IE
+		script.onreadystatechange = function(){
+			if(script.readyState == "loaded" || script.readyState == "complete"){
+				script.onreadystatechange = null;
+				script.setAttribute('loadstate','true');
+				if (typeof cb == 'function') cb(id);
+			}
+		}
+	}
+	else {
+		script.onload = function(){
+			script.setAttribute('loadstate','true');
+			script.setAttribute('charset','utf-8');
+			if (typeof cb == 'function') cb(id);
+		}
+	}
+	script.id = id;
+	script.src = url;
+	
+	headNode.appendChild(script);
+	
+	return  false;
+};
+
+module.exports.zwplayer_loadjs = zwplayer_loadjs;

package/sources/vueplayer/src/main.vue

@@ -0,0 +1,380 @@
+<!-- zwplayer for vue -->
+<script>
+// import { h } from 'vue'
+import { zwplayer_loadjs } from "./loadjs.js";
+
+const zwplayer_js_def = 'zwplayer/zwplayer.js?v=3.6';
+
+const availabe_props = {
+	isLive:  'boolean',
+	useOldFlv: 'boolean',
+	useFlv: 'boolean',
+	streamtype: 'string',
+	hasAudio: 'boolean',
+	hasVideo: 'boolean',
+	xmc_url: 'string',
+	fixedControlbar: 'boolean',
+	nativecontrols: 'boolean',
+	infoButton: 'boolean',
+	speedButton: 'boolean',
+	optionButton: 'boolean',
+	snapshotButton: 'boolean',
+	chapterButton: 'boolean',
+	enableDanmu: 'boolean',
+	useProgressTooltip: 'boolean',
+	hidePlayBtn: 'boolean',
+	disablePlayBtn: 'boolean',
+	disableSeek: 'boolean',
+	disableFullscreenWin: 'boolean',
+	disablePicInPic: 'boolean',
+	disableVolumeControl: 'boolean',
+	lostFocusPause: 'boolean',
+	autoSmallWindow: 'boolean',
+	thumbnails: 'object',
+	sendDanmu: 'function',
+	danmuBarId: 'string',
+	fluid: 'boolean',
+	poster: 'string',
+	logo: 'object|string',
+	ratio: 'string|number',
+	width: 'string|number',
+	height: 'string|number'
+};
+
+export default {
+	name: 'ZwPlayer',
+	data () {
+		return {
+			zwplayer: null,
+			nodename: 'ZwPlayer'
+		}
+	},
+	props: {
+		zwplayerlib: String,
+		murl: String,
+		nodeid: String,
+		muted: Boolean,
+		autoplay: {
+			type: Boolean,
+			default: true
+		},
+		videoprop: Object,
+		videostyle: String,
+		reconnect: {
+			type: Boolean,
+			default: true
+		},
+		controlbar: {
+			type: Boolean,
+			default: true
+		},
+		useProgressTooltip: {
+			type: Boolean,
+			default: true
+		}
+	},
+	
+	emits: ['oneterror', 'onmediaevent', 'onready'],
+	methods: {
+		play(url, isLive, useOldFlv) {
+			let vm = this;
+			
+			if (!url)
+				url = this.murl;
+			if (!vm.zwplayer)
+				return;
+				
+			vm.zwplayer.play(url, isLive, useOldFlv);
+		},
+		stop() {
+			let vm = this;
+
+			if (vm.zwplayer) {
+				vm.zwplayer.stop();
+			}
+		},
+		pause() {
+			let vm = this;
+
+			if (vm.zwplayer) {
+				vm.zwplayer.pause();
+			}
+		},
+		resume() {
+			let vm = this;
+			if (vm.zwplayer) {
+				vm.zwplayer.resume();
+			}
+		},
+		getDuration() {
+			let vm = this;
+			if (vm.zwplayer) {
+				return vm.zwplayer.getDuration();
+			}
+			return undefined;
+		},
+		
+		getCurrentTime() {
+			let vm = this;
+			if (vm.zwplayer) {
+				return vm.zwplayer.CurrentTime;
+			}
+			return undefined;
+		},
+		
+		seekTime(time) {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.seekTime(time);
+			}
+		},
+		destroy() {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.destroy();
+			}
+		},
+		setplaystate(bPlaying) {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.setplaystate(bPlaying);
+			}
+		},
+		
+		setEnableDanmu(bEnable) {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.setEnableDanmu(bEnable);
+			}
+		},
+		
+		appendDanmu(msgObj, setting) {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.appendDanmu(msgObj, setting);
+			}
+		},
+		
+		setChapters(chapters) {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.setChapters(chapters);
+			}
+		},
+		
+		addSubtitle(subtitleUrl, pos, title) {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.addSubtitle(subtitleUrl, pos, title);
+			}
+		},
+		
+		removeSubtitle() {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.removeSubtitle();
+			}
+		},
+		
+		buildDanmuControlbar(parentId, className) {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.buildDanmuControlbar(parentId, className);
+			}
+		},
+		
+		notifyResize(width, height) {
+			let vm = this;
+			
+			if (vm.zwplayer) {
+				vm.zwplayer.notifyResize(width, height);
+			}
+		},
+		
+		setMute(bMute) {
+			let vm = this;
+
+			if (vm.zwplayer) {
+				vm.zwplayer.setMuted(bMute);
+			}
+		},
+		
+		setullscr(bFullScr) {
+			let vm = this;
+
+			if (vm.zwplayer) {
+				vm.is_fullscr = bFullScr;
+				vm.zwplayer.setFullscreen(bFullScr);
+			}
+		},
+	},
+	
+	computed: {
+		CurrentTime: function() {
+			let vm = this;
+			if (vm.zwplayer) {
+				return vm.zwplayer.CurrentTime;
+			}
+			return -1;
+		}
+	},
+	
+	render(createElement) {
+		let playerid;
+		
+		// console.log('render');
+		if (this.nodeid) {
+			playerid = this.nodeid;
+		}
+		else {
+			let now = (new Date()).getTime();
+			
+			if (!window.nextZWPlayerId) {
+				window.nextZWPlayerId = 1000;
+			}
+			else {
+				window.nextZWPlayerId++;
+			}
+			playerid = 'zwplayer-'+ window.nextZWPlayerId + '-' + now;
+		}
+		
+		let playerWrap = createElement('div', {
+			class: {'zwplayer-vue': true},
+			attrs: {
+				id: playerid,
+			},
+		}, []);
+		
+		if (playerWrap) {
+			let vm = this;
+			vm.playerid = playerid;
+		}
+		
+		if (this.zwplayer && this.murl !== this.old_murl) {
+			this.zwplayer.play(this.murl); // change movie url
+			this.old_murl = this.murl;
+		}
+		
+		return playerWrap;
+	},
+	
+	mounted() {
+		let vm = this;
+		// console.log('mounted');
+		let zwplayer_js;
+		
+		if (vm.zwplayerlib)
+			zwplayer_js = vm.zwplayerlib;
+		else
+			zwplayer_js = zwplayer_js_def;
+			
+		vm.rootElm = document.getElementById(vm.playerid);
+		if (vm.rootElm) {
+			vm.rootElm.style.width = '100%';
+			vm.rootElm.style.height = '100%';
+			vm.rootElm.style.margin = '0';
+			vm.rootElm.style.padding = '0';
+		}
+
+		zwplayer_loadjs('zwplayer-core', zwplayer_js, function(jsid) {
+			let url = '';
+			
+			if (!jsid) {
+				console.log('zwplayer_loadjs failed!');
+			}
+			
+			if (vm.murl)
+				url = vm.murl;
+			else if (vm.videoprop && typeof vm.videoprop.url !== 'undefined')
+				url = vm.videoprop.url;
+			let videostyle = "width:100%;height:100%;";
+			if (vm.videoprop && typeof vm.videoprop.videostyle !== 'undefined')
+				videostyle = vm.videoprop.videostyle;
+			
+			let params = {
+				url: url,
+				playerElm: vm.rootElm,
+				videostyle: videostyle,
+				reconnect: vm.reconnect,
+				autoplay: vm.autoplay,
+				muted: vm.muted,
+				controlbar: vm.controlbar,
+				useProgressTooltip: vm.useProgressTooltip,
+				onready: function() {
+					vm.$emit('onready', this);
+				},
+				onnetclose: function() {
+					vm.$emit('onnetclose', this);
+					return true;
+				},
+				onneterror: function() {
+					vm.$emit('onneterror', this);
+				},
+				onmediaevent: function(event) {
+					vm.$emit('onmediaevent', event, this);
+				}
+			};
+			
+			let props_list = availabe_props;
+			
+			const isTypeOf = function(type, types) {
+				if (types.indexOf('|') > 0) {
+					var typeList = types.split('|');
+					for(let i = 0; i < typeList.length; i++) {
+						if (type === typeList[i])
+							return true;
+					}
+					return false;
+				}
+				
+				return type === types;
+			}
+			
+			for (let prop in vm.$attrs) {
+				var propType = typeof vm.$attrs[prop];
+				if (prop in props_list && isTypeOf(propType, props_list[prop])) {
+					if (propType === 'object')
+						params[prop] = JSON.parse(JSON.stringify(vm.$attrs[prop])); // copy property
+					else
+						params[prop] = vm.$attrs[prop];
+				}
+			}
+			
+			vm.zwplayer = new window.ZWPlayer(params);
+			
+			if(params.danmuBarId) {
+				vm.zwplayer.buildDanmuControlbar(params.danmuBarId, 'vue-zwp-danmubar');
+			}
+			
+			vm.old_murl = url;
+		})
+	},
+	
+	beforeDestroy() { // vue3.x beforeUnmount
+		let vm = this;
+		// console.log('beforeUnmount');
+		if (vm.zwplayer) {
+			vm.zwplayer.stop();
+		}
+	},
+	
+	destroyed() { // vue3.x unmounted
+		let vm = this;
+		// console.log('unmounted');
+		if (vm.zwplayer) {
+			vm.zwplayer.destroy();
+			delete vm.zwplayer;
+		}
+	}
+}
+</script>
+

package/zwplayerlib/zwplayer/zwplayer.js

@@ -341,15 +341,15 @@ this.setEnableDanmu(!1),H.find(".barrage_inp_text").attr("readonly","readonly").
 H.stopPropagation();this.zwplayer=r;qb(H,this)});(l=r.danmuToolbar.querySelector(".btn_bubble"))&&l.addEventListener("click",function(H){H.preventDefault();H.stopPropagation();gb(this,H)});(l=r.danmuToolbar.querySelector(".btn_submit"))&&l.addEventListener("click",function(H){H.preventDefault();H.stopPropagation();a:{if(!this.inpbox){$inpbox=$$(this).parent().children("DIV.zwp-barrage_inp").children(".barrage_inp_text");if(!$inpbox)break a;this.inpbox=$inpbox}if(r){H=this.inpbox.val();if(H=="")break a;
 H.indexOf("&")!=-1&&(H=H.replace(/&/g,"&amp;"));H.indexOf("<")!=-1&&(H=H.replace(/</g,"&lt;"));H.indexOf(">")!=-1&&(H=H.replace(/>/g,"&gt;"));H.indexOf('"')!=-1&&(H=H.replace(/"/g,"&quot;"));H.indexOf("'")!=-1&&(H=H.replace(/'/g,"&#039;"));if(!r.sendDanmu(H))break a}this.inpbox.val("")}})}}.bind(c);c.reposDanmuToolbar=function(d){if(this.danmuToolbar&&this.progressBar&&this.progressBar.timeInfo){var l=this.__getDanmuBarDock(),r=this.danmuToolbar.parentNode;r&&(d?r!==l&&(r.removeChild(this.danmuToolbar),
 l.appendChild(this.danmuToolbar),this.oldDanmuParentNode=r):this.oldDanmuParentNode&&(l.removeChild(this.danmuToolbar),this.oldDanmuParentNode.appendChild(this.danmuToolbar),delete this.oldDanmuParentNode))}}.bind(c);c.sendDanmu=function(d){if(typeof this._config.sendDanmu==="function"){var l="";this.danmuSetting.border&&(l+=',"border":"1"');this.danmuSetting.color&&(l+=',"color":"#'+this.danmuSetting.color+'"');this._config.sendDanmu('{"type":"danmu","text":"'+d+'"'+l+"}");return!0}alert("No danmu send function is setup");
-return!1}.bind(c);c.showContextMenu=function(d){var l=this,r=d.offsetX;d=d.offsetY;var B=l.playerContainer.getBoundingClientRect(),H=B.width;B=B.height;var P="left",O="top",W=r,S=d;r+180>H&&(P="right",W=H-r);d+148>B&&(O="bottom",S=B-d);if(l.contextMenu)l.contextMenu.style[P==="left"?"right":"left"]=null,l.contextMenu.style[O==="top"?"bottom":"top"]=null,l.contextMenu.style[P]=W+"px",l.contextMenu.style[O]=S+"px";else{r='<div class="zwp-popupmenu" style="'+P+": "+W+"px; "+O+":"+S+'px;"><a class="zwp-menuitem" data-action="document" href="https://www.zwplayer.com/docment" target="zwplayer-doc"><span class="zwp-menucaption">'+
-(pa("player-help","Help and document")+"</span></a>");r+='<a class="zwp-menuitem" data-action="version" href="https://www.zwplayer.com/version?v=3.1.4" title="Build: 20250911" target="zwplayer-version"><span class="zwp-menucaption">'+pa("version-update","Version update")+' (<span class="zwp-version">'+pa("current")+": v3.1.4</span>) </span></a>";r=r+'<span class="zwp-menuseperator" action="version"></span><a class="zwp-menuitem" data-action="about" href="https://www.zwplayer.com/about"><span class="zwp-menucaption">'+
+return!1}.bind(c);c.showContextMenu=function(d){var l=this,r=d.offsetX;d=d.offsetY;var B=l.playerContainer.getBoundingClientRect(),H=B.width;B=B.height;var P="left",O="top",W=r,S=d;r+180>H&&(P="right",W=H-r);d+148>B&&(O="bottom",S=B-d);if(l.contextMenu)l.contextMenu.style[P==="left"?"right":"left"]=null,l.contextMenu.style[O==="top"?"bottom":"top"]=null,l.contextMenu.style[P]=W+"px",l.contextMenu.style[O]=S+"px";else{r='<div class="zwp-popupmenu" style="'+P+": "+W+"px; "+O+":"+S+'px;"><a class="zwp-menuitem" data-action="document" href="https://www.zwplayer.cn/docs/support.html" target="zwplayer-doc"><span class="zwp-menucaption">'+
+(pa("player-help","Help and document")+"</span></a>");r+='<a class="zwp-menuitem" data-action="version" href="https://www.zwplayer.cn/pages/company/changelog.html?v=3.1.5" title="Build: 20251101" target="zwplayer-version"><span class="zwp-menucaption">'+pa("version-update","Version update")+' (<span class="zwp-version">'+pa("current")+": v3.1.5</span>) </span></a>";r=r+'<span class="zwp-menuseperator" action="version"></span><a class="zwp-menuitem" data-action="about" href="https://www.zwplayer.cn/pages/company/about.html"><span class="zwp-menucaption">'+
 (pa("about","About")+" zwplayer</span></a>");l.playerContainer.insertAdjacentHTML("beforeEnd",r+"</div>");l.contextMenu=l.playerContainer.querySelector(".zwp-popupmenu");var U=function(g){g.stopPropagation();g.preventDefault();var t=this.getAttribute("data-action");this.getAttribute("target");var u=this.getAttribute("href");l.hideContextMenu();setTimeout(function(){t==="about"?K.open(u,"zwplayer-about"):t==="version"?K.open(u,"zwplayer-version"):t==="document"&&K.open(u,"zwplayer-doc")},10)};l.contextMenu.querySelectorAll("a.zwp-menuitem").forEach(function(g){g.addEventListener("click",
 U,!1)});document.addEventListener("click",l.hideContextMenu)}}.bind(c);c.hideContextMenu=function(){this.contextMenu&&(this.playerContainer.removeChild(this.contextMenu),delete this.contextMenu,document.removeEventListener("click",this.hideContextMenu))}.bind(c);c.toast=function(d,l,r,B){var H=this;l=l||2E3;H.toastTimerId&&(clearTimeout(H.toastTimerId),H.toastBox&&(H.overlay_layers.removeChild(H.toastBox),delete H.toastBox));if(d!=="closetoast"){if(typeof d==="object"){if("icon"in d)var P=d.icon;
 d=d.text}var O=document.createElement("div"),W="",S="zwp-toast zwp-center";P&&(S+=" zwp-toast-icon",W='<i class="xicon xicon-'+P+'"></i>');r&&(W+='<a href="javascript:void(0)" class="zwp-toast-closebtn"><i class="xicon xicon-close"></i></a>',S+=" zwp-use-close");B&&(S+=" zwp-lite");W+='<span class="zwp-toast-text">'+d+"</span>";O.setAttribute("class",S);O.innerHTML=W;H.overlay_layers.appendChild(O);H.toastBox=O;var U=function(g){if(H.toastBox){var t=H.toastBox.querySelector(".zwp-toast-closebtn");
 t&&t.removeEventListener("click",U);H.overlay_layers.removeChild(H.toastBox);delete H.toastBox}H.toastTimerId&&(g&&g.type==="click"&&clearTimeout(H.toastTimerId),delete H.toastTimerId)};H.toastTimerId=K.setTimeout(U,l);r&&(r=O.querySelector(".zwp-toast-closebtn"))&&r.addEventListener("click",U)}}.bind(c);c.mutedConfirmBox=function(){var d=this;d.popup_layers||(d.popup_layers=document.createElement("div"),d.popup_layers.setAttribute("class","zwp__popup_layers"),d.playerContainer.appendChild(d.popup_layers));
-var l=document.createElement("div");l.setAttribute("class","zwp-toast zwp-confirm zwp-center");l.innerHTML='<span class="zwp-toast-text">\u56e0<a href="#mutemore" class="mutemore">\u6d4f\u89c8\u5668\u9650\u5236</a>\uff0c\u9700\u8981\u70b9\u51fb<a href="#openaudio" class="openaudio">\u6253\u5f00\u58f0\u97f3</a><button class="closeBtn" title="\u5173\u95ed\u63d0\u793a"><i class="xicon xicon-close"></i></button></span>';d.popup_layers.appendChild(l);d.mutedTipBox=l;var r=l.querySelector(".closeBtn");
-r&&r.addEventListener("click",function(B){B.preventDefault();d.mutedTipBox&&(d.popup_layers.removeChild(d.mutedTipBox),d.popup_layers.style.display=null,delete d.mutedTipBox);K.allowAutoAudioPlay=!0});(r=l.querySelector(".openaudio"))&&r.addEventListener("click",function(B){B.preventDefault();B.stopPropagation();d.mutedTipBox&&(d.popup_layers.removeChild(d.mutedTipBox),d.popup_layers.style.display=null,delete d.mutedTipBox);d.setMuted(!1);K.allowAutoAudioPlay=!0});(r=l.querySelector(".mutemore"))&&
-r.addEventListener("click",function(B){B.preventDefault();B.stopPropagation();var H=l.querySelector(".moreInfoBox");H||(l.insertAdjacentHTML("beforeend",'<div class="moreInfoBox"><div class="info-text">\u5f53\u4f60\u8bbf\u95ee\u672c\u7f51\u7ad9\u7684\u6b21\u6570\u8f83\u5c11\uff0c\u6216\u7ecf\u5e38\u9759\u97f3\u64ad\u653e\u65f6\uff0c\u6d4f\u89c8\u5668\u53ef\u80fd\u4f1a\u9650\u5236\u7f51\u7ad9\u97f3\u91cf\uff0c\u4f7f\u7f51\u7ad9\u65e0\u6cd5\u81ea\u52a8\u6267\u884c\u6709\u58f0\u64ad\u653e</div><div class="info-control"><button class="info-btn">\u6211\u77e5\u9053\u4e86</button></div></div>'),
+var l=document.createElement("div");l.setAttribute("class","zwp-toast zwp-confirm zwp-center");l.innerHTML='<span class="zwp-toast-text">\u56e0<a href="#mutemore" class="mutemore">\u6d4f\u89c8\u5668\u9650\u5236</a>\uff0c\u5df2\u9759\u97f3\u64ad\u653e\uff0c\u8bf7\u70b9\u51fb<a href="#openaudio" class="openaudio">\u6253\u5f00\u58f0\u97f3</a><button class="closeBtn" title="\u5173\u95ed\u63d0\u793a"><i class="xicon xicon-close"></i></button></span>';d.popup_layers.appendChild(l);d.mutedTipBox=l;var r=
+l.querySelector(".closeBtn");r&&r.addEventListener("click",function(B){B.preventDefault();d.mutedTipBox&&(d.popup_layers.removeChild(d.mutedTipBox),d.popup_layers.style.display=null,delete d.mutedTipBox);K.allowAutoAudioPlay=!0});(r=l.querySelector(".openaudio"))&&r.addEventListener("click",function(B){B.preventDefault();B.stopPropagation();d.mutedTipBox&&(d.popup_layers.removeChild(d.mutedTipBox),d.popup_layers.style.display=null,delete d.mutedTipBox);d.setMuted(!1);K.allowAutoAudioPlay=!0});(r=
+l.querySelector(".mutemore"))&&r.addEventListener("click",function(B){B.preventDefault();B.stopPropagation();var H=l.querySelector(".moreInfoBox");H||(l.insertAdjacentHTML("beforeend",'<div class="moreInfoBox"><div class="info-text">\u5f53\u60a8\u8bbf\u95ee\u672c\u7f51\u7ad9\u7684\u6b21\u6570\u8f83\u5c11\uff0c\u6216\u7ecf\u5e38\u9759\u97f3\u64ad\u653e\u65f6\uff0c\u6d4f\u89c8\u5668\u53ef\u80fd\u4f1a\u9650\u5236\u7f51\u7ad9\u97f3\u91cf\uff0c\u5bfc\u81f4\u7f51\u7ad9\u65e0\u6cd5\u8fdb\u884c\u6709\u58f0\u81ea\u52a8\u64ad\u653e\u3002</div><div class="info-control"><button class="info-btn">\u6211\u77e5\u9053\u4e86</button></div></div>'),
 H=l.querySelector(".moreInfoBox"),H.querySelector(".info-btn").addEventListener("click",function(P){P.preventDefault();P.stopPropagation();H.style.display="none"}));H&&(H.style.display="block");K.allowAutoAudioPlay=!0});d.popup_layers.style.display="block"}.bind(c);typeof c._config.playerElm=="string"?(e=c._config.playerElm,e.charAt(0)!="#"&&(e="#"+e),c.playerElm=document.querySelector(e)):Ua(c._config.playerElm)&&(c.playerElm=c._config.playerElm);c.playerElm?L(c.playerElm,"zwp-wrap")||(c.playerElmOldClass=
 c.playerElm.getAttribute("class"),N(c.playerElm,"zwp-wrap"),c.doRemovePlayerClass=!0):(e="",typeof c._config.playerElm=="string"?(e=c._config.playerElm,e.charAt(0)=="#"&&(e=e.substr(1))):e="ZWP-"+(new Date).getTime(),c.playerElm=document.createElement("DIV"),c.playerElm.id=e,c.playerElm.style.position="absolute",c.playerElm.style.left=0,c.playerElm.style.top=0,c.playerElm.style.width="640px",c.playerElm.style.height="360px",document.body.appendChild(c.playerElm),c.playerElm.setAttribute("class","zwp-wrap"),
 c.doDeletePlayerElm=!0);c.playerContainer=document.createElement("DIV");c.playerContainer.setAttribute("class","zwp-container");c.playerElm.appendChild(c.playerContainer);typeof c._config.videoElm=="string"?(e=c._config.videoElm,e.charAt(0)!="#"&&(e="#"+e),c.videoEl=document.querySelector(e)):Ua(c._config.videoElm)&&(c.videoEl=c._config.videoElm);if(!c.videoEl){var E=document.createElement("DIV");E.setAttribute("class","zwp-videoWrapper");c.playerContainer.appendChild(E);Ba.addElement(E);E.addEventListener("resize",
@@ -369,8 +369,8 @@ c.on_volthumb_mousemove),document.addEventListener("mouseup",c.on_volthumb_mouse
 "none"});V.addEventListener("mouseleave",function(){m=!1;h||(la.style.display="none")});V.addEventListener("focusout",function(){m=!1});V.addEventListener("keydown",function(d){var l=d.which||d.keyCode||0;d.preventDefault();d.stopPropagation();l==32&&(c.videoEl.muted?c.setMuted(!1):c.setMuted(!0))});la.addEventListener("dragstart",function(){return!1});la.addEventListener("mouseover",function(){m=!0});la.addEventListener("focusin",function(){la.style.display="block";m=!0});la.addEventListener("focusout",
 function(){m=!1;h||(la.style.display="none")});la.addEventListener("mousedown",c.on_volthumb_mousedown)}if(A=p.querySelector(".zwp-optionPanel"))A=A.querySelectorAll(".action-item"),A.length>0&&A.forEach(function(d){d.addEventListener("click",c.on_optionItemclick)})}}c._config.autoSmallWindow&&!c.windowScrollHandler&&(c.windowScrollHandler=function(d){if(!this.isFullscr&&!this.isFullscrWin&&this.videoEl&&this.playerElm&&this.isPlaying&&!this.isInPicInPic)if(d=w(this.playerElm),(document.documentElement.scrollTop||
 document.body.scrollTop)>=d+this.playerElm.offsetHeight-100){if(!this.smallWindowMode){var l=this.playerContainer;hb(l,function(){Q(l,"zwp-smallwindow");l.style.left=null;l.style.top=null;l.style.width=null;l.style.height=null});N(l,"zwp-smallwindow");this.smallWindowMode=!0}}else this.smallWindowMode&&(l=this.playerContainer,Q(l,"zwp-smallwindow"),l.style.left=null,l.style.top=null,l.style.width=null,l.style.height=null,delete this.smallWindowMode)}.bind(c),K.addEventListener("scroll",c.windowScrollHandler));
-c._config.clientip||(c._config.clientip="");c.videoEl&&(c._config.muted?c.setMuted(!0):typeof K.allowAutoAudioPlay==="undefined"?(c.setMuted(!0),cb(function(d){d?c.setMuted(!1):c.mutedConfirmBox();K.allowAutoAudioPlay=d})):K.allowAutoAudioPlay||(c.setMuted(!0),c.mutedConfirmBox()),(c._config.snapshotButton||c._config.allowSnapshot)&&c.videoEl.setAttribute("crossorigin","Anonymous"));A=function(d){var l=this;if(l.controlbar)if(l.isControlbarhidden){l.controlbar.style.display="flex";Q(l.playerElm,"hide-cursor");
-d=d||K.event;if(d.srcElement!=l.controlbar&&l.overlay_layers){var r=l.overlay_layers.offsetHeight,B=0;typeof d.offsetY!=="undefined"?B=r-d.offsetY:typeof d.layerY!=="undefined"&&(B=r-d.layerY);if(B>80)return}Pa(l.controlbar,500,function(H){H&&l.startHideControlbar(l)});l.isControlbarhidden=!1}else l.startHideControlbar(l)}.bind(c);c.playerElm.addEventListener("mousemove",A);c.playerElm.addEventListener("touchmove",A);c.playerElm.addEventListener("dblclick",function(d){this.overlayLayerClickTimer&&
+c._config.clientip||(c._config.clientip="");c.videoEl&&(c._config.muted?c.setMuted(!0):typeof K.allowAutoAudioPlay==="undefined"?(c.setMuted(!0),cb(function(d){d?c.setMuted(!1):c._config.disableMutedConfirm||c.mutedConfirmBox();K.allowAutoAudioPlay=d})):K.allowAutoAudioPlay||(c.setMuted(!0),c.mutedConfirmBox()),(c._config.snapshotButton||c._config.allowSnapshot)&&c.videoEl.setAttribute("crossorigin","Anonymous"));A=function(d){var l=this;if(l.controlbar)if(l.isControlbarhidden){l.controlbar.style.display=
+"flex";Q(l.playerElm,"hide-cursor");d=d||K.event;if(d.srcElement!=l.controlbar&&l.overlay_layers){var r=l.overlay_layers.offsetHeight,B=0;typeof d.offsetY!=="undefined"?B=r-d.offsetY:typeof d.layerY!=="undefined"&&(B=r-d.layerY);if(B>80)return}Pa(l.controlbar,500,function(H){H&&l.startHideControlbar(l)});l.isControlbarhidden=!1}else l.startHideControlbar(l)}.bind(c);c.playerElm.addEventListener("mousemove",A);c.playerElm.addEventListener("touchmove",A);c.playerElm.addEventListener("dblclick",function(d){this.overlayLayerClickTimer&&
 (K.clearTimeout(this.overlayLayerClickTimer),delete this.overlayLayerClickTimer);if(this.controlbar&&(d={},d.currentTarget=this.controlbar.querySelector(".zwp-fullscrBtn"),d.currentTarget))this.on_btnclick(d)}.bind(c));typeof c._config.autoplay=="undefined"&&(c._config.autoplay=!0);c._config.url&&c._config.autoplay&&c.play(c._config.url);typeof c._config.onready=="function"&&c._config.onready.call(c);c._config.chapters&&(c.chapters=c._config.chapters);c._config.lostFocusPause&&typeof document.visibilityState!==
 "undefined"&&document.addEventListener("visibilitychange",function(){this._config.isLive||this.isInPicInPic||(document.visibilityState==="visible"?this.focusPaused&&this.videoEl.paused&&!this.videoEl.ended&&(this.videoEl.play(),this.setplaystate(!0),delete this.focusPaused):this.focusPaused||this.videoEl.paused||this.videoEl.ended||(this.videoEl.pause(),this.setplaystate(!1),this.focusPaused=!0))}.bind(c));c._config.fluid?c._config.autoplay||(N(c.playerElm,"zwp-fluid"),c.playerElm.style.maxWidth=
 "100%",c.playerElm.style.width="100%",c.playerElm.style.height="0",e=56.25,typeof c._config.ratio==="number"?e=c._config.ratio*100:typeof c._config.ratio==="string"?(A=c._config.ratio.split(":"),A.length===2&&(e=parseFloat(A[0]),A=parseFloat(A[1]),e===0&&(e=1),e=A*100/e)):typeof c._config.width==="number"&&typeof c._config.height==="number"&&(e=c._config.width,e===0&&(e=1),e=c._config.height*100/e),c.playerElm.style.paddingTop=e+"%"):c._config.width&&c._config.height&&(c.playerElm.style.width=typeof c._config.width===