@volcengine/veplayer 2.3.0-rc.3 → 2.4.0-rc.0

package/umd/veplayer.vod.development.js

@@ -1009,6 +1009,9 @@ var __publicField = (obj, key, value) => {
     _fun && _fun(frameId);
   };
   util.isMSE = function(video) {
+    if (video.media) {
+      video = video.media;
+    }
     if (!video || !(video instanceof HTMLMediaElement)) {
       return false;
     }
@@ -1453,7 +1456,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  var version = "3.0.12";
+  var version = "3.0.17";
   var ERROR_TYPE_MAP = {
     1: "media",
     2: "media",
@@ -1559,6 +1562,9 @@ var __publicField = (obj, key, value) => {
   var DESTROY = "destroy";
   var URL_CHANGE = "urlchange";
   var DOWNLOAD_SPEED_CHANGE = "download_speed_change";
+  var LEAVE_PLAYER = "leaveplayer";
+  var ENTER_PLAYER = "enterplayer";
+  var LOADING = "loading";
   var FULLSCREEN_CHANGE = "fullscreen_change";
   var CSS_FULLSCREEN_CHANGE = "cssFullscreen_change";
   var MINI_STATE_CHANGE = "mini_state_change";
@@ -1604,11 +1610,14 @@ var __publicField = (obj, key, value) => {
     DURATION_CHANGE,
     EMPTIED,
     ENDED,
+    ENTER_PLAYER,
     ERROR,
     FPS_STUCK,
     FULLSCREEN_CHANGE,
+    LEAVE_PLAYER,
     LOADED_DATA,
     LOADED_METADATA,
+    LOADING,
     LOAD_START,
     MINI_STATE_CHANGE,
     PAUSE,
@@ -2208,6 +2217,11 @@ var __publicField = (obj, key, value) => {
         }
         this.media.volume = vol;
       }
+    }, {
+      key: "aspectRatio",
+      get: function get() {
+        return this.media ? this.media.videoWidth / this.media.videoHeight : 0;
+      }
     }, {
       key: "addInnerOP",
       value: function addInnerOP(event) {
@@ -2833,6 +2847,10 @@ var __publicField = (obj, key, value) => {
     CONTROLS_CENTER: "controlsCenter",
     CONTROLS: "controls"
   };
+  var PLUGIN_STATE_CLASS = {
+    ICON_DISABLE: "xg-icon-disable",
+    ICON_HIDE: "xg-icon-hide"
+  };
   function isUrl(str) {
     if (!str) {
       return false;
@@ -3066,6 +3084,18 @@ var __publicField = (obj, key, value) => {
       value: function plugins() {
         return this._children;
       }
+    }, {
+      key: "disable",
+      value: function disable() {
+        this.config.disable = true;
+        util.addClass(this.find(".xgplayer-icon"), PLUGIN_STATE_CLASS.ICON_DISABLE);
+      }
+    }, {
+      key: "enable",
+      value: function enable() {
+        this.config.disable = false;
+        util.removeClass(this.find(".xgplayer-icon"), PLUGIN_STATE_CLASS.ICON_DISABLE);
+      }
     }, {
       key: "children",
       value: function children() {
@@ -3212,7 +3242,7 @@ var __publicField = (obj, key, value) => {
         var cs = window.getComputedStyle(this.root, null);
         var cssDisplayValue = cs.getPropertyValue("display");
         if (cssDisplayValue === "none") {
-          this.root.style.display = "block";
+          return this.root.style.display = "block";
         }
       }
     }, {
@@ -3758,15 +3788,8 @@ var __publicField = (obj, key, value) => {
         var item = _Object$keys[_i];
         this.unRegister(cgid, item);
       }
-      var _isUseActive = player.isUseActive;
       delete this.pluginGroup[cgid];
       delete player._pluginInfoId;
-      if (_isUseActive) {
-        var keys = Object.keys(this.pluginGroup);
-        if (keys.length > 0) {
-          this.setCurrentUserActive(keys[keys.length - 1], true);
-        }
-      }
     }
   };
   var STATE_CLASS = {
@@ -4548,6 +4571,7 @@ var __publicField = (obj, key, value) => {
       }
       _this.userTimer = null;
       _this.waitTimer = null;
+      _this.handleSource = true;
       _this._state = STATES.INITIAL;
       _this.isError = false;
       _this._hasStart = false;
@@ -4776,6 +4800,15 @@ var __publicField = (obj, key, value) => {
         this.media.removeEventListener("webkitbeginfullscreen", this._onWebkitbeginfullscreen);
         this.media.removeEventListener("webkitendfullscreen", this._onWebkitendfullscreen);
       }
+    }, {
+      key: "_clearUserTimer",
+      value: function _clearUserTimer() {
+        if (!this.userTimer) {
+          return;
+        }
+        util.clearTimeout(this, this.userTimer);
+        this.userTimer = null;
+      }
     }, {
       key: "_startInit",
       value: function _startInit(url) {
@@ -4791,13 +4824,15 @@ var __publicField = (obj, key, value) => {
             return;
           }
         }
-        this._detachSourceEvents(this.media);
-        if (util.typeOf(url) === "Array" && url.length > 0) {
-          this._attachSourceEvents(this.media, url);
-        } else if (!this.media.src || this.media.src !== url) {
-          this.media.src = url;
-        } else if (!url) {
-          this.media.removeAttribute("src");
+        if (this.handleSource) {
+          this._detachSourceEvents(this.media);
+          if (util.typeOf(url) === "Array" && url.length > 0) {
+            this._attachSourceEvents(this.media, url);
+          } else if (!this.media.src || this.media.src !== url) {
+            this.media.src = url;
+          } else if (!url) {
+            this.media.removeAttribute("src");
+          }
         }
         if (util.typeOf(this.config.volume) === "Number") {
           this.volume = this.config.volume;
@@ -5040,7 +5075,7 @@ var __publicField = (obj, key, value) => {
           if (!url) {
             url = _this8.url || _this8.config.url;
           }
-          var _furl = _this8.preProcessUrl(url);
+          var _furl = _this8._preProcessUrl(url);
           var ret = _this8._startInit(_furl.url);
           return ret;
         }).catch(function(e) {
@@ -5058,7 +5093,7 @@ var __publicField = (obj, key, value) => {
         if (util.typeOf(url) === "Object") {
           _src = url.url;
         }
-        _src = this.preProcessUrl(_src).url;
+        _src = this._preProcessUrl(_src).url;
         var curTime = this.currentTime;
         this.__startTime = curTime;
         var isPaused = this.paused && !this.isError;
@@ -5288,8 +5323,8 @@ var __publicField = (obj, key, value) => {
       key: "resetState",
       value: function resetState() {
         var _this16 = this;
-        var NOT_ALLOW_AUTOPLAY = STATE_CLASS.NOT_ALLOW_AUTOPLAY, PLAYING2 = STATE_CLASS.PLAYING, NO_START = STATE_CLASS.NO_START, PAUSED = STATE_CLASS.PAUSED, REPLAY2 = STATE_CLASS.REPLAY, ENTER = STATE_CLASS.ENTER, ENDED2 = STATE_CLASS.ENDED, ERROR2 = STATE_CLASS.ERROR, LOADING = STATE_CLASS.LOADING;
-        var clsList = [NOT_ALLOW_AUTOPLAY, PLAYING2, NO_START, PAUSED, REPLAY2, ENTER, ENDED2, ERROR2, LOADING];
+        var NOT_ALLOW_AUTOPLAY = STATE_CLASS.NOT_ALLOW_AUTOPLAY, PLAYING2 = STATE_CLASS.PLAYING, NO_START = STATE_CLASS.NO_START, PAUSED = STATE_CLASS.PAUSED, REPLAY2 = STATE_CLASS.REPLAY, ENTER = STATE_CLASS.ENTER, ENDED2 = STATE_CLASS.ENDED, ERROR2 = STATE_CLASS.ERROR, LOADING2 = STATE_CLASS.LOADING;
+        var clsList = [NOT_ALLOW_AUTOPLAY, PLAYING2, NO_START, PAUSED, REPLAY2, ENTER, ENDED2, ERROR2, LOADING2];
         this.hasStart = false;
         this.isError = false;
         this._useAutoplay = false;
@@ -5389,7 +5424,6 @@ var __publicField = (obj, key, value) => {
               });
             }
           });
-          _this19.play();
           _this19.emit(REPLAY);
           _this19.onPlay();
         });
@@ -5403,7 +5437,7 @@ var __publicField = (obj, key, value) => {
         runHooks(this, "retry", function() {
           var cur = _this20.currentTime;
           var url = _this20.config.url;
-          var _srcRet = !util.isMSE(_this20.media) ? _this20.preProcessUrl(url) : {
+          var _srcRet = !util.isMSE(_this20.media) ? _this20._preProcessUrl(url) : {
             url
           };
           _this20.src = _srcRet.url;
@@ -5631,6 +5665,7 @@ var __publicField = (obj, key, value) => {
           this.onBlur(data);
           return;
         }
+        this._clearUserTimer();
         this.emit(PLAYER_BLUR, _objectSpread2({
           paused: this.paused,
           ended: this.ended
@@ -5647,18 +5682,12 @@ var __publicField = (obj, key, value) => {
         var innerStates = this.innerStates;
         this.isActive = true;
         this.removeClass(STATE_CLASS.INACTIVE);
-        if (this.userTimer) {
-          util.clearTimeout(this, this.userTimer);
-          this.userTimer = null;
-        }
+        this._clearUserTimer();
         if (data.isLock !== void 0) {
           innerStates.isActiveLocked = data.isLock;
         }
         if (data.autoHide === false || data.isLock === true || innerStates.isActiveLocked) {
-          if (this.userTimer) {
-            util.clearTimeout(this, this.userTimer);
-            this.userTimer = null;
-          }
+          this._clearUserTimer();
           return;
         }
         var time = data && data.delay ? data.delay : this.config.inactive;
@@ -5671,7 +5700,7 @@ var __publicField = (obj, key, value) => {
       key: "onBlur",
       value: function onBlur() {
         var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref$ignorePaused = _ref.ignorePaused, ignorePaused = _ref$ignorePaused === void 0 ? false : _ref$ignorePaused;
-        if (!this.isActive || this.innerStates.isActiveLocked) {
+        if (this.innerStates.isActiveLocked) {
           return;
         }
         var closePauseVideoFocus = this.config.closePauseVideoFocus;
@@ -5730,10 +5759,7 @@ var __publicField = (obj, key, value) => {
         this.addClass(STATE_CLASS.PAUSED);
         this.updateAcc("pause");
         if (!this.config.closePauseVideoFocus) {
-          if (this.userTimer) {
-            util.clearTimeout(this, this.userTimer);
-            this.userTimer = null;
-          }
+          this._clearUserTimer();
           this.focus();
         }
       }
@@ -5784,6 +5810,7 @@ var __publicField = (obj, key, value) => {
         this.updateAcc("waiting");
         this.waitTimer = util.setTimeout(this, function() {
           _this22.addClass(STATE_CLASS.LOADING);
+          _this22.emit(LOADING);
           util.clearTimeout(_this22, _this22.waitTimer);
           _this22.waitTimer = null;
         }, this.config.minWaitDelay);
@@ -5793,8 +5820,8 @@ var __publicField = (obj, key, value) => {
       value: function onPlaying() {
         var _this23 = this;
         this.isError = false;
-        var NO_START = STATE_CLASS.NO_START, PAUSED = STATE_CLASS.PAUSED, ENDED2 = STATE_CLASS.ENDED, ERROR2 = STATE_CLASS.ERROR, REPLAY2 = STATE_CLASS.REPLAY, LOADING = STATE_CLASS.LOADING;
-        var clsList = [NO_START, PAUSED, ENDED2, ERROR2, REPLAY2, LOADING];
+        var NO_START = STATE_CLASS.NO_START, PAUSED = STATE_CLASS.PAUSED, ENDED2 = STATE_CLASS.ENDED, ERROR2 = STATE_CLASS.ERROR, REPLAY2 = STATE_CLASS.REPLAY, LOADING2 = STATE_CLASS.LOADING;
+        var clsList = [NO_START, PAUSED, ENDED2, ERROR2, REPLAY2, LOADING2];
         clsList.forEach(function(cls) {
           _this23.removeClass(cls);
         });
@@ -5863,6 +5890,11 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "checkBuffer",
       value: function checkBuffer(time) {
+        var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+          startDiff: 0,
+          endDiff: 0
+        };
+        var _ref2 = options || {}, _ref2$startDiff = _ref2.startDiff, startDiff = _ref2$startDiff === void 0 ? 0 : _ref2$startDiff, _ref2$endDiff = _ref2.endDiff, endDiff = _ref2$endDiff === void 0 ? 0 : _ref2$endDiff;
         var buffered = this.media.buffered;
         if (!buffered || buffered.length === 0 || !this.duration) {
           return true;
@@ -5870,7 +5902,7 @@ var __publicField = (obj, key, value) => {
         var currentTime = time || this.media.currentTime || 0.2;
         var len = buffered.length;
         for (var i = 0; i < len; i++) {
-          if (buffered.start(i) <= currentTime && buffered.end(i) > currentTime) {
+          if (buffered.start(i) + startDiff <= currentTime && buffered.end(i) - endDiff > currentTime) {
             return true;
           }
         }
@@ -6056,10 +6088,10 @@ var __publicField = (obj, key, value) => {
         this._state = newState;
       }
     }, {
-      key: "preProcessUrl",
-      value: function preProcessUrl(url, ext) {
-        var preProcessUrl2 = this.config.preProcessUrl;
-        return !util.isBlob(url) && preProcessUrl2 && typeof preProcessUrl2 === "function" ? preProcessUrl2(url, ext) : {
+      key: "_preProcessUrl",
+      value: function _preProcessUrl(url, ext) {
+        var preProcessUrl = this.config.preProcessUrl;
+        return !util.isBlob(url) && typeof preProcessUrl === "function" ? preProcessUrl(url, ext) : {
           url
         };
       }
@@ -6325,13 +6357,15 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       key: "setUserActive",
-      value: function setUserActive(isActive) {
-        var isMuted = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      value: function setUserActive(isActive, isMuted) {
+        var _instManager3;
         if (typeof isMuted === "boolean" && isMuted !== this.muted) {
           this.addInnerOP("volumechange");
-          this.muted = isMuted;
+          if (util.typeOf(isMuted) === Boolean) {
+            this.muted = isMuted;
+          }
         }
-        pluginsManager.setCurrentUserActive(this.playerId, isActive);
+        (_instManager3 = instManager) === null || _instManager3 === void 0 ? void 0 : _instManager3.setActive(this.playerId, isActive);
       }
     }], [{
       key: "debugger",
@@ -6352,14 +6386,14 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "getCurrentUserActivePlayerId",
       value: function getCurrentUserActivePlayerId() {
-        var _instManager3;
-        return (_instManager3 = instManager) === null || _instManager3 === void 0 ? void 0 : _instManager3.getActiveId();
+        var _instManager4;
+        return (_instManager4 = instManager) === null || _instManager4 === void 0 ? void 0 : _instManager4.getActiveId();
       }
     }, {
       key: "setCurrentUserActive",
       value: function setCurrentUserActive(playerId, isActive) {
-        var _instManager4;
-        (_instManager4 = instManager) === null || _instManager4 === void 0 ? void 0 : _instManager4.setActive(playerId, isActive);
+        var _instManager5;
+        (_instManager5 = instManager) === null || _instManager5 === void 0 ? void 0 : _instManager5.setActive(playerId, isActive);
       }
     }, {
       key: "isHevcSupported",
@@ -6752,8 +6786,8 @@ var __publicField = (obj, key, value) => {
           case "cover":
             _bg = "cover";
             break;
-          case "container":
-            _bg = "container";
+          case "contain":
+            _bg = "contain";
             break;
           case "fixHeight":
             _bg = "auto 100%";
@@ -7796,6 +7830,7 @@ var __publicField = (obj, key, value) => {
         } else {
           player.focus();
         }
+        _this.emit(ENTER_PLAYER);
       });
       _defineProperty(_assertThisInitialized(_this), "onMouseLeave", function(e) {
         var _this$playerConfig = _this.playerConfig, closePlayerBlur = _this$playerConfig.closePlayerBlur, leavePlayerTime = _this$playerConfig.leavePlayerTime, closeDelayBlur = _this$playerConfig.closeDelayBlur;
@@ -7806,9 +7841,12 @@ var __publicField = (obj, key, value) => {
               delay: leavePlayerTime
             });
           } else {
-            _this.player.blur();
+            _this.player.blur({
+              ignorePaused: true
+            });
           }
         }
+        _this.emit(LEAVE_PLAYER);
       });
       _defineProperty(_assertThisInitialized(_this), "onVideoClick", function(e) {
         var _assertThisInitialize3 = _assertThisInitialized(_this), player = _assertThisInitialize3.player, playerConfig = _assertThisInitialize3.playerConfig;
@@ -8187,6 +8225,7 @@ var __publicField = (obj, key, value) => {
         var touche = _this.getTouche(e);
         if (touche && !config.disableGesture && _this.duration > 0 && !player.ended) {
           pos.isStart = true;
+          _this.timer && clearTimeout(_this.timer);
           util.checkIsFunction(playerConfig.disableSwipeHandler) && playerConfig.disableSwipeHandler();
           _this.find(".xg-dur").innerHTML = util.format(_this.duration);
           var rect = _this.root.getBoundingClientRect();
@@ -8247,6 +8286,9 @@ var __publicField = (obj, key, value) => {
       });
       _defineProperty(_assertThisInitialized(_this), "onTouchEnd", function(e) {
         var _assertThisInitialize3 = _assertThisInitialized(_this), player = _assertThisInitialize3.player, pos = _assertThisInitialize3.pos, playerConfig = _assertThisInitialize3.playerConfig;
+        setTimeout(function() {
+          player.getPlugin("progress") && player.getPlugin("progress").resetSeekState();
+        }, 10);
         if (!pos.isStart) {
           return;
         }
@@ -8256,9 +8298,6 @@ var __publicField = (obj, key, value) => {
         var _this$config = _this.config, disableGesture = _this$config.disableGesture, gestureX = _this$config.gestureX;
         if (!disableGesture && gestureX) {
           _this.endLastMove(pos.scope);
-          setTimeout(function() {
-            player.getPlugin("progress") && player.getPlugin("progress").resetSeekState();
-          }, 10);
         } else {
           pos.time = 0;
         }
@@ -8387,8 +8426,10 @@ var __publicField = (obj, key, value) => {
             progressPlugin.addCallBack("dragmove", function(data) {
               _this2.activeSeekNote(data.currentTime, data.forward);
             });
-            progressPlugin.addCallBack("dragend", function() {
-              _this2.changeAction(ACTIONS.AUTO);
+            ["dragend", "click"].forEach(function(key) {
+              progressPlugin.addCallBack(key, function() {
+                _this2.changeAction(ACTIONS.AUTO);
+              });
             });
           }
         }
@@ -8408,15 +8449,23 @@ var __publicField = (obj, key, value) => {
       key: "initCustomStyle",
       value: function initCustomStyle() {
         var _ref = this.playerConfig || {}, commonStyle = _ref.commonStyle;
-        var playedColor = commonStyle.playedColor, progressColor = commonStyle.progressColor;
+        var playedColor = commonStyle.playedColor, progressColor = commonStyle.progressColor, timePreviewStyle = commonStyle.timePreviewStyle, curTimeColor = commonStyle.curTimeColor, durationColor = commonStyle.durationColor;
         if (playedColor) {
           this.find(".xg-curbar").style.backgroundColor = playedColor;
-          this.find(".xg-cur").style.color = playedColor;
         }
         if (progressColor) {
           this.find(".xg-bar").style.backgroundColor = progressColor;
-          this.find(".time-preview").style.color = progressColor;
         }
+        if (timePreviewStyle) {
+          var previewDom = this.find(".time-preview");
+          Object.keys(timePreviewStyle).forEach(function(key) {
+            previewDom.style[key] = timePreviewStyle[key];
+          });
+        }
+        var curColor = curTimeColor || playedColor;
+        var durColor = durationColor;
+        curColor && (this.find(".xg-cur").style.color = curColor);
+        durColor && (this.find(".xg-dur").style.color = durColor);
         this.config.disableTimeProgress && util.addClass(this.find(".xg-timebar"), "hide");
       }
     }, {
@@ -8749,7 +8798,7 @@ var __publicField = (obj, key, value) => {
       key: "render",
       value: function render() {
         var className = this.config.gradient !== "normal" ? "gradient ".concat(this.config.gradient) : "gradient";
-        return '\n     <xg-trigger class="trigger">\n     <div class="'.concat(className, '"></div>\n        <div class="time-preview">\n            <div class="xg-seek-show ').concat(this.config.disableSeekIcon ? " hide-seek-icon" : "", '">\n              <i class="xg-seek-icon"></i>\n              <span class="xg-cur">00:00</span>\n              <span>/</span>\n              <span class="xg-dur">00:00</span>\n            </div>\n              <div class="xg-bar xg-timebar">\n                <div class="xg-curbar"></div>\n              </div>\n        </div>\n        <div class="xg-playbackrate xg-top-note">\n            <span><i>').concat(this.config.pressRate, "X</i>").concat(this.i18n.FORWARD, "</span>\n        </div>\n     </xg-trigger>\n    ");
+        return '\n     <xg-trigger class="trigger">\n     <div class="'.concat(className, '"></div>\n        <div class="time-preview">\n            <div class="xg-seek-show ').concat(this.config.disableSeekIcon ? " hide-seek-icon" : "", '">\n              <i class="xg-seek-icon"></i>\n              <span class="xg-cur">00:00</span>\n              <span class="xg-separator">/</span>\n              <span class="xg-dur">00:00</span>\n            </div>\n              <div class="xg-bar xg-timebar">\n                <div class="xg-curbar"></div>\n              </div>\n        </div>\n        <div class="xg-playbackrate xg-top-note">\n            <span><i>').concat(this.config.pressRate, "X</i>").concat(this.i18n.FORWARD, "</span>\n        </div>\n     </xg-trigger>\n    ");
       }
     }], [{
       key: "pluginName",
@@ -8943,6 +8992,14 @@ var __publicField = (obj, key, value) => {
         this.player.root.addEventListener("keydown", this.onKeydown);
         document.addEventListener("keydown", this.onBodyKeyDown);
       }
+    }, {
+      key: "setConfig",
+      value: function setConfig(newConfig) {
+        var _this3 = this;
+        Object.keys(newConfig).forEach(function(key) {
+          _this3.config[key] = newConfig[key];
+        });
+      }
     }, {
       key: "checkIsVisible",
       value: function checkIsVisible() {
@@ -8960,11 +9017,11 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "checkCode",
       value: function checkCode(code, isBodyTarget) {
-        var _this3 = this;
+        var _this4 = this;
         var flag = false;
         Object.keys(this.keyCodeMap).map(function(key) {
-          if (_this3.keyCodeMap[key] && code === _this3.keyCodeMap[key].keyCode && !_this3.keyCodeMap[key].disable) {
-            flag = !isBodyTarget || isBodyTarget && !_this3.keyCodeMap[key].noBodyTarget;
+          if (_this4.keyCodeMap[key] && code === _this4.keyCodeMap[key].keyCode && !_this4.keyCodeMap[key].disable) {
+            flag = !isBodyTarget || isBodyTarget && !_this4.keyCodeMap[key].noBodyTarget;
           }
         });
         return flag;
@@ -9155,6 +9212,7 @@ var __publicField = (obj, key, value) => {
               }, this.keyCodeMap[arr[i]]));
             }
             preventDefault(event);
+            event.stopPropagation();
             break;
           }
         }
@@ -9269,6 +9327,9 @@ var __publicField = (obj, key, value) => {
       value: function afterCreate() {
         this.bind("mouseenter", this._onMouseenter);
         this.bind("mouseleave", this._onMouseLeave);
+        if (this.config.disable) {
+          this.disable();
+        }
       }
     }, {
       key: "destroy",
@@ -9600,9 +9661,15 @@ var __publicField = (obj, key, value) => {
         } else {
           if (player.fullscreen) {
             player.exitFullscreen();
+            if (config.useScreenOrientation) {
+              this.unlockScreen();
+            }
           } else {
             player.getFullscreen().catch(function(e2) {
             });
+            if (config.useScreenOrientation && player.aspectRatio > 1) {
+              this.lockScreen(config.lockOrientationType);
+            }
           }
         }
       }
@@ -9629,6 +9696,24 @@ var __publicField = (obj, key, value) => {
         var langKey = "FULLSCREEN_TIPS";
         return '<xg-icon class="xgplayer-fullscreen">\n    <div class="xgplayer-icon">\n    </div>\n    '.concat(xgIconTips(this, langKey, this.playerConfig.isHideTips), "\n    </xg-icon>");
       }
+    }, {
+      key: "lockScreen",
+      value: function lockScreen(orientation) {
+        try {
+          screen.orientation.lock(orientation).catch(function(e) {
+          });
+        } catch (e) {
+        }
+      }
+    }, {
+      key: "unlockScreen",
+      value: function unlockScreen() {
+        try {
+          screen.orientation.unlock().catch(function(e) {
+          });
+        } catch (e) {
+        }
+      }
     }], [{
       key: "pluginName",
       get: function get() {
@@ -9642,6 +9727,8 @@ var __publicField = (obj, key, value) => {
           index: 0,
           useCssFullscreen: false,
           rotateFullscreen: false,
+          useScreenOrientation: false,
+          lockOrientationType: "landscape",
           switchCallback: null,
           target: null,
           disable: false,
@@ -10428,7 +10515,10 @@ var __publicField = (obj, key, value) => {
     AUTOPLAY_FAIL: "autoplayFail",
     AUTOPLAY_SUCCESS: "autoplaySuccess",
     ERROR_REFRESH_CLICK: "errorRefreshClick",
-    SOURCE_CHANGE: "sourceChange"
+    SOURCE_CHANGE: "sourceChange",
+    SWITCH_DEFINITION_START: "switchDefinitionStart",
+    SWITCH_DEFINITION_SUCCESS: "switchDefinitionSuccess",
+    DOWN_DEFINITION: "downDefinition"
   };
   const Events = {
     ...XGEvents,
@@ -10474,6 +10564,15 @@ var __publicField = (obj, key, value) => {
     },
     [BaseEvents.DOWNLOAD_SPEED_CHANGE]: {
       event: DOWNLOAD_SPEED_CHANGE
+    },
+    [BaseEvents.SWITCH_DEFINITION_START]: {
+      event: "switch_definition_start"
+    },
+    [BaseEvents.SWITCH_DEFINITION_SUCCESS]: {
+      event: "switch_definition_success"
+    },
+    [BaseEvents.DOWN_DEFINITION]: {
+      event: "down_definition"
     }
   };
   function transform(event, callback) {
@@ -12373,7 +12472,8 @@ var __publicField = (obj, key, value) => {
     "plugin:shaka": "veplayer.plugin.shaka.[env].[ext]",
     "plugin:rtm": "veplayer.plugin.rtm.[env].[ext]",
     "plugin:xgvideo": "veplayer.plugin.xgvideo.[env].[ext]",
-    "plugin:drm": "veplayer.plugin.drm.[env].[ext]"
+    "plugin:drm": "veplayer.plugin.drm.[env].[ext]",
+    "plugin:abr": "veplayer.plugin.abr.[env].[ext]"
   };
   var DynamicModule = /* @__PURE__ */ ((DynamicModule2) => {
     DynamicModule2["BizVod"] = "biz:vod";
@@ -12385,6 +12485,7 @@ var __publicField = (obj, key, value) => {
     DynamicModule2["PluginRtm"] = "plugin:rtm";
     DynamicModule2["PluginXgvideo"] = "plugin:xgvideo";
     DynamicModule2["PluginDrm"] = "plugin:drm";
+    DynamicModule2["PluginAbr"] = "plugin:abr";
     return DynamicModule2;
   })(DynamicModule || {});
   class Loader {
@@ -13644,7 +13745,7 @@ var __publicField = (obj, key, value) => {
      * @param callback 表示事件的回调函数。
      */
     /** {en}
-     * @brief Listens for a specified event. The event handler is executed only once.
+     * @brief Add a one-time listener function for the specified event.
      * @param event The event name.
      * @param callback The callback function for the event.
      */