xgplayer 3.1.0-alpha.0 → 3.1.0-alpha.2

package/es/plugins/progressPreview/dotsApi.js

@@ -1,4 +1,4 @@
-import { addClass, removeClass, createDom, findDom } from "../../utils/util.js";
+import util from "../../utils/util.js";
 import { DURATION_CHANGE, VIDEO_RESIZE } from "../../events.js";
 import "../../utils/debug.js";
 import "delegate";
@@ -31,9 +31,9 @@ var APIS = {
     dotDom.setAttribute("data-text", iSpot.text);
     dotDom.setAttribute("data-time", iSpot.time);
     if (ret.isMini) {
-      addClass(dotDom, "mini");
+      util.addClass(dotDom, "mini");
     } else {
-      removeClass(dotDom, "mini");
+      util.removeClass(dotDom, "mini");
     }
     Object.keys(style).map(function(key) {
       dotDom.style[key] = style[key];
@@ -66,7 +66,7 @@ var APIS = {
     var className = "xgspot_".concat(iSpot.id, " xgplayer-spot");
     ret.isMini && (className += " mini");
     var _t = iSpot.template ? '<div class="xgplayer-spot-pop">'.concat(iSpot.template, "</div>") : "";
-    var dotDom = createDom("xg-spot", _t, {
+    var dotDom = util.createDom("xg-spot", _t, {
       "data-text": iSpot.text,
       "data-time": iSpot.time,
       "data-id": iSpot.id
@@ -193,7 +193,7 @@ var APIS = {
     });
   },
   positionDot: function positionDot(dotDom, id) {
-    var _pop = findDom(dotDom, ".xgplayer-spot-pop");
+    var _pop = util.findDom(dotDom, ".xgplayer-spot-pop");
     if (!_pop) {
       return;
     }

package/es/plugins/progressPreview/index.d.ts

@@ -42,9 +42,9 @@ export default class ProgressPreview extends Plugin {
     updatePosition(offset: any, cwidth: any, time: any, e: any): void;
     /**
      * @description 设置自定义时间显示字符串
-     * @param {number} time
+     * @param {string} str
      */
-    setTimeContent(time: number): void;
+    setTimeContent(str: string): void;
     updateThumbnails(time: any): void;
     registerThumbnail(thumbnailConfig?: {}): void;
     calcuPosition(time: any, duration: any): {

package/es/plugins/progressPreview/index.js

@@ -1,6 +1,6 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import util from "../../utils/util.js";
 import sniffer from "../../utils/sniffer.js";
-import { hasClass, addClass, removeClass, format, createDom } from "../../utils/util.js";
 import { DURATION_CHANGE } from "../../events.js";
 import "../../utils/debug.js";
 import Plugin from "../../plugin/plugin.js";
@@ -24,12 +24,12 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
       if (_this.config.disable) {
         return;
       }
-      if (hasClass(e.target, "xg-spot-content") && _this.config.isHideThumbnailHover) {
+      if (util.hasClass(e.target, "xg-spot-content") && _this.config.isHideThumbnailHover) {
         _this.player.plugins.progress.onMouseLeave(e);
         return;
       }
-      if (_this._state.f || hasClass(e.target, "xg-spot-content")) {
-        event(e);
+      if (_this._state.f || util.hasClass(e.target, "xg-spot-content")) {
+        util.event(e);
         e.stopPropagation();
       }
     });
@@ -37,8 +37,8 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
       if (_this.config.disable) {
         return;
       }
-      if (_this._state.f || hasClass(e.target, "xg-spot-content")) {
-        event(e);
+      if (_this._state.f || util.hasClass(e.target, "xg-spot-content")) {
+        util.event(e);
         e.stopPropagation();
       }
     });
@@ -67,7 +67,7 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
       if (_this.config.disable) {
         return;
       }
-      if (hasClass(e.target, "xgplayer-spot") && !_this._curDot) {
+      if (util.hasClass(e.target, "xgplayer-spot") && !_this._curDot) {
         _this._curDot = e.target;
         _this.focusDot(e.target);
         if (_this._curDot.children.length > 0) {
@@ -108,7 +108,7 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
         }
       });
       this.transformTimeHook = this.hook("transformTime", function(time) {
-        _this2.setTimeContent(time);
+        _this2.setTimeContent(util.format(time));
       });
       initDotsAPI(this);
       this.on(DURATION_CHANGE, function() {
@@ -185,7 +185,7 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
         return;
       }
       this.isDrag = true;
-      this.videoPreview && addClass(this.videoPreview, "show");
+      this.videoPreview && util.addClass(this.videoPreview, "show");
     }
   }, {
     key: "onProgressDragEnd",
@@ -194,7 +194,7 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
         return;
       }
       this.isDrag = false;
-      this.videoPreview && removeClass(this.videoPreview, "show");
+      this.videoPreview && util.removeClass(this.videoPreview, "show");
     }
   }, {
     key: "onProgressClick",
@@ -202,7 +202,7 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
       if (this.config.disable) {
         return;
       }
-      if (hasClass(e.target, "xgplayer-spot")) {
+      if (util.hasClass(e.target, "xgplayer-spot")) {
         e.stopPropagation();
         e.preventDefault();
         ["time", "id", "text"].map(function(key) {
@@ -254,7 +254,7 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
       _state.now = time;
       this.transformTimeHook(time);
       var timeStr = this.timeStr;
-      if (e && e.target && hasClass(e.target, "xgplayer-spot")) {
+      if (e && e.target && util.hasClass(e.target, "xgplayer-spot")) {
         this.showTips(e.target.getAttribute("data-text"), false, timeStr);
         this.focusDot(e.target);
         _state.f = true;
@@ -272,8 +272,8 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
     }
   }, {
     key: "setTimeContent",
-    value: function setTimeContent(time) {
-      this.timeStr = "".concat(format(time));
+    value: function setTimeContent(str) {
+      this.timeStr = str;
     }
   }, {
     key: "updateThumbnails",
@@ -299,19 +299,19 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
         thumbnail.setConfig(thumbnailConfig);
       }
       if (!thumbnail || !thumbnail.usable || !config.isShowThumbnail) {
-        addClass(this.root, "short-line no-thumbnail");
+        util.addClass(this.root, "short-line no-thumbnail");
         return;
       } else {
-        removeClass(this.root, "short-line no-thumbnail");
+        util.removeClass(this.root, "short-line no-thumbnail");
       }
       if (config.mode === "short") {
-        addClass(this.root, "short-line");
+        util.addClass(this.root, "short-line");
       }
       this._hasThumnail = true;
       var tRoot = this.find(".xg-spot-thumbnail");
       this.thumbnail = thumbnail.createThumbnail(tRoot, "progress-thumbnail");
       if (config.isShowCoverPreview) {
-        this.videoPreview = createDom("xg-video-preview", "", {}, "xgvideo-preview");
+        this.videoPreview = util.createDom("xg-video-preview", "", {}, "xgvideo-preview");
         player.root.appendChild(this.videoPreview);
         this.videothumbnail = thumbnail.createThumbnail(this.videoPreview, "xgvideo-thumbnail");
       }
@@ -355,7 +355,7 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
       if (!id) {
         id = target.getAttribute("data-id");
       }
-      addClass(target, "active");
+      util.addClass(target, "active");
       this._activeDotId = id;
     }
   }, {
@@ -368,43 +368,43 @@ var ProgressPreview = /* @__PURE__ */ function(_Plugin) {
       if (!target) {
         return;
       }
-      removeClass(target, "active");
+      util.removeClass(target, "active");
       this._activeDotId = null;
     }
   }, {
     key: "showTips",
     value: function showTips(text, isDefault) {
       var timeStr = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
-      addClass(this.root, "no-timepoint");
+      util.addClass(this.root, "no-timepoint");
       if (!text) {
         return;
       }
-      addClass(this.find(".xg-spot-content"), "show-text");
+      util.addClass(this.find(".xg-spot-content"), "show-text");
       if (isDefault && this.config.mode === "production") {
-        addClass(this.root, "product");
+        util.addClass(this.root, "product");
         this.tipText.textContent = text;
       } else {
-        removeClass(this.root, "product");
+        util.removeClass(this.root, "product");
         this.tipText.textContent = this._hasThumnail ? text : "".concat(timeStr, " ").concat(text);
       }
     }
   }, {
     key: "hideTips",
     value: function hideTips() {
-      removeClass(this.root, "no-timepoint");
+      util.removeClass(this.root, "no-timepoint");
       this.tipText.textContent = "";
-      removeClass(this.find(".xg-spot-content"), "show-text");
-      removeClass(this.root, "product");
+      util.removeClass(this.find(".xg-spot-content"), "show-text");
+      util.removeClass(this.root, "product");
     }
   }, {
     key: "hide",
     value: function hide() {
-      addClass(this.root, "hide");
+      util.addClass(this.root, "hide");
     }
   }, {
     key: "show",
     value: function show() {
-      removeClass(this.root, "hide");
+      util.removeClass(this.root, "hide");
     }
   }, {
     key: "enable",

package/es/plugins/prompt/index.js

@@ -1,5 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass } from "../../_virtual/_rollupPluginBabelHelpers.js";
-import { addClass, removeClass } from "../../utils/util.js";
+import util from "../../utils/util.js";
 import "../../utils/debug.js";
 import Plugin from "../../plugin/plugin.js";
 import STATE_CLASS from "../../stateClassMap.js";
@@ -54,8 +54,8 @@ var Prompt = /* @__PURE__ */ function(_Plugin) {
         clearTimeout(this.intervalId);
         this.intervalId = null;
       }
-      addClass(this.root, "show");
-      config.mode === "arrow" && addClass(this.root, "arrow");
+      util.addClass(this.root, "show");
+      config.mode === "arrow" && util.addClass(this.root, "arrow");
       if (typeof detail === "string") {
         this.find(".xgplayer-prompt-detail").innerHTML = detail;
       } else {
@@ -73,8 +73,8 @@ var Prompt = /* @__PURE__ */ function(_Plugin) {
   }, {
     key: "hide",
     value: function hide() {
-      removeClass(this.root, "show");
-      removeClass(this.root, "arrow");
+      util.removeClass(this.root, "show");
+      util.removeClass(this.root, "arrow");
       this.root.removeAttribute("style");
       this.customOnClick = null;
     }

package/es/plugins/replay/index.js

@@ -1,5 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass } from "../../_virtual/_rollupPluginBabelHelpers.js";
-import { addClass, removeClass } from "../../utils/util.js";
+import util from "../../utils/util.js";
 import { ENDED, PLAY } from "../../events.js";
 import "../../utils/debug.js";
 import Plugin from "../../plugin/plugin.js";
@@ -34,7 +34,7 @@ var Replay = /* @__PURE__ */ function(_Plugin) {
       this.bind(".xgplayer-replay", ["click", "touchend"], this.__handleReplay);
       this.on(ENDED, function() {
         if (!_this.playerConfig.loop) {
-          addClass(_this.player.root, "replay");
+          util.addClass(_this.player.root, "replay");
         }
         if (_this.config.disable) {
           return;
@@ -60,7 +60,7 @@ var Replay = /* @__PURE__ */ function(_Plugin) {
       e.preventDefault();
       e.stopPropagation();
       this.player.replay();
-      removeClass(this.player.root, "replay");
+      util.removeClass(this.player.root, "replay");
     }
   }, {
     key: "show",

package/es/plugins/rotate/index.js

@@ -1,5 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, get as _get, getPrototypeOf as _getPrototypeOf } from "../../_virtual/_rollupPluginBabelHelpers.js";
-import { setTimeout } from "../../utils/util.js";
+import util from "../../utils/util.js";
 import { VIDEO_RESIZE, ROTATE } from "../../events.js";
 import "../../utils/debug.js";
 import { POSITIONS } from "../../plugin/plugin.js";
@@ -29,7 +29,7 @@ var Rotate = /* @__PURE__ */ function(_IconPlugin) {
       this.bind(".xgplayer-icon", ["click", "touchend"], this.onBtnClick);
       this.on(VIDEO_RESIZE, function() {
         if (_this2.rotateDeg && _this2.config.innerRotate) {
-          setTimeout(_this2, function() {
+          util.setTimeout(_this2, function() {
             _this2.updateRotateDeg(_this2.rotateDeg, _this2.config.innerRotate);
           }, 100);
         }

package/es/plugins/screenShot/index.d.ts

@@ -7,6 +7,7 @@ export default class ScreenShot extends IconPlugin {
         format: string;
         width: number;
         height: number;
+        saveImg: boolean;
         fitVideo: boolean;
         disable: boolean;
         name: string;

package/es/plugins/screenShot/index.js

@@ -1,6 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, get as _get, getPrototypeOf as _getPrototypeOf } from "../../_virtual/_rollupPluginBabelHelpers.js";
-import "../../utils/debug.js";
+import "../../utils/util.js";
 import { VIDEO_RESIZE, SCREEN_SHOT } from "../../events.js";
+import "../../utils/debug.js";
 import { POSITIONS } from "../../plugin/plugin.js";
 import Icon from "../common/iconPlugin.js";
 var ScreenShot = /* @__PURE__ */ function(_IconPlugin) {
@@ -69,9 +70,12 @@ var ScreenShot = /* @__PURE__ */ function(_IconPlugin) {
       e.preventDefault();
       e.stopPropagation();
       this.emitUserAction(e, "shot");
-      this.shot().then(function(data) {
+      var config = this.config;
+      this.shot(config.width, config.height).then(function(data) {
         _this.emit(SCREEN_SHOT, data);
-        _this.saveScreenShot(data, _this.config.name + _this.config.format);
+        if (config.saveImg) {
+          _this.saveScreenShot(data, config.name + config.format);
+        }
       });
     }
   }, {
@@ -166,6 +170,7 @@ var ScreenShot = /* @__PURE__ */ function(_IconPlugin) {
         format: ".png",
         width: 600,
         height: 337,
+        saveImg: true,
         fitVideo: true,
         disable: false,
         name: "screenshot"

package/es/plugins/start/index.js

@@ -1,5 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from "../../_virtual/_rollupPluginBabelHelpers.js";
-import { removeClass, addClass } from "../../utils/util.js";
+import util from "../../utils/util.js";
 import { READY, AUTOPLAY_STARTED, AUTOPLAY_PREVENTED, PLAY, PAUSE, RESET } from "../../events.js";
 import "../../utils/debug.js";
 import Plugin from "../../plugin/plugin.js";
@@ -45,7 +45,7 @@ var Start = /* @__PURE__ */ function(_Plugin) {
       _this.autoPlayStart = false;
       var className = _this.config.mode === "auto" ? "auto-hide" : "hide";
       _this.setAttr("data-state", "play");
-      removeClass(_this.root, className);
+      util.removeClass(_this.root, className);
       _this.show();
     });
     _defineProperty(_assertThisInitialized(_this), "onAutoplayStart", function() {
@@ -53,7 +53,7 @@ var Start = /* @__PURE__ */ function(_Plugin) {
         return;
       }
       var className = _this.config.mode === "auto" ? "auto-hide" : "hide";
-      addClass(_this.root, className);
+      util.addClass(_this.root, className);
       _this.autoPlayStart = true;
       _this.onPlayPause("play");
     });
@@ -69,9 +69,9 @@ var Start = /* @__PURE__ */ function(_Plugin) {
       this.once(READY, function() {
         if (playerConfig) {
           if (playerConfig.lang && playerConfig.lang === "en") {
-            addClass(player.root, "lang-is-en");
+            util.addClass(player.root, "lang-is-en");
           } else if (playerConfig.lang === "jp") {
-            addClass(player.root, "lang-is-jp");
+            util.addClass(player.root, "lang-is-jp");
           }
         }
       });
@@ -82,7 +82,7 @@ var Start = /* @__PURE__ */ function(_Plugin) {
       this.on(AUTOPLAY_PREVENTED, function() {
         var className = _this2.config.mode === "auto" ? "auto-hide" : "hide";
         _this2.setAttr("data-state", "play");
-        removeClass(_this2.root, className);
+        util.removeClass(_this2.root, className);
         _this2.show();
       });
       this.on(PLAY, function() {
@@ -132,22 +132,22 @@ var Start = /* @__PURE__ */ function(_Plugin) {
   }, {
     key: "hide",
     value: function hide() {
-      addClass(this.root, "hide");
+      util.addClass(this.root, "hide");
     }
   }, {
     key: "show",
     value: function show() {
-      removeClass(this.root, "hide");
+      util.removeClass(this.root, "hide");
     }
   }, {
     key: "focusHide",
     value: function focusHide() {
-      addClass(this.root, "focus-hide");
+      util.addClass(this.root, "focus-hide");
     }
   }, {
     key: "recover",
     value: function recover() {
-      removeClass(this.root, "focus-hide");
+      util.removeClass(this.root, "focus-hide");
     }
   }, {
     key: "switchStatus",
@@ -164,12 +164,12 @@ var Start = /* @__PURE__ */ function(_Plugin) {
       var _this3 = this;
       this._animateId = addAnimate("pauseplay", 400, {
         start: function start() {
-          addClass(_this3.root, "interact");
+          util.addClass(_this3.root, "interact");
           _this3.show();
           _this3.switchStatus(true);
         },
         end: function end() {
-          removeClass(_this3.root, "interact");
+          util.removeClass(_this3.root, "interact");
           !endShow && _this3.hide();
           _this3._animateId = null;
         }
@@ -178,7 +178,7 @@ var Start = /* @__PURE__ */ function(_Plugin) {
   }, {
     key: "endAnimate",
     value: function endAnimate() {
-      removeClass(this.root, "interact");
+      util.removeClass(this.root, "interact");
       clearAnimation(this._animateId);
       this._animateId = null;
     }

package/es/plugins/stats/index.js

@@ -1,5 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from "../../_virtual/_rollupPluginBabelHelpers.js";
-import "../../utils/debug.js";
+import "../../utils/util.js";
 import { USER_ACTION, STATS_EVENTS as STATS_EVENTS$1 } from "../../events.js";
 import BasePlugin from "../../plugin/basePlugin.js";
 import "delegate";

package/es/plugins/testspeed/index.js

@@ -1,5 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, toConsumableArray as _toConsumableArray } from "../../_virtual/_rollupPluginBabelHelpers.js";
-import { isMSE } from "../../utils/util.js";
+import util from "../../utils/util.js";
 import { DOWNLOAD_SPEED_CHANGE, LOADED_DATA, REPLAY } from "../../events.js";
 import "../../utils/debug.js";
 import Plugin from "../../plugin/plugin.js";
@@ -28,7 +28,7 @@ var TestSpeed = /* @__PURE__ */ function(_BasePlugin) {
       return Math.floor(total / _this.speedListCache[type].length);
     });
     _defineProperty(_assertThisInitialized(_this), "startTimer", function() {
-      if (isMSE(_this.player.video)) {
+      if (util.isMSE(_this.player.video)) {
         return;
       }
       _this.initSpeedList();

package/es/plugins/time/index.js

@@ -1,5 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass } from "../../_virtual/_rollupPluginBabelHelpers.js";
-import { format, createDom, hide, show, adjustTimeByDuration } from "../../utils/util.js";
+import util from "../../utils/util.js";
 import { DURATION_CHANGE, SEEKED, TIME_UPDATE, ENDED, EMPTIED } from "../../events.js";
 import "../../utils/debug.js";
 import Plugin, { POSITIONS } from "../../plugin/plugin.js";
@@ -45,7 +45,10 @@ var Time = /* @__PURE__ */ function(_Plugin) {
       }
       this.durationDom = this.find(".time-duration");
       this.timeDom = this.find(".time-current");
-      this.on([DURATION_CHANGE, SEEKED, TIME_UPDATE], function() {
+      this.on([DURATION_CHANGE, SEEKED, TIME_UPDATE], function(e) {
+        if (e.eventName === "durationchange") {
+          _this2.isActiving = false;
+        }
         _this2.onTimeUpdate();
       });
       this.on(ENDED, function() {
@@ -57,7 +60,7 @@ var Time = /* @__PURE__ */ function(_Plugin) {
     }
   }, {
     key: "show",
-    value: function show2() {
+    value: function show() {
       if (this.mode === "flex") {
         this.centerCurDom && (this.centerCurDom.style.display = "block");
         this.centerDurDom && (this.centerDurDom.style.display = "block");
@@ -67,7 +70,7 @@ var Time = /* @__PURE__ */ function(_Plugin) {
     }
   }, {
     key: "hide",
-    value: function hide2() {
+    value: function hide() {
       if (this.mode === "flex") {
         this.centerCurDom && (this.centerCurDom.style.display = "none");
         this.centerDurDom && (this.centerDurDom.style.display = "none");
@@ -83,16 +86,16 @@ var Time = /* @__PURE__ */ function(_Plugin) {
         return;
       }
       var current = this.currentTime + this.timeOffset;
-      current = adjustTimeByDuration(current, duration, isEnded);
+      current = util.adjustTimeByDuration(current, duration, isEnded);
       if (this.mode === "flex") {
-        this.centerCurDom.innerHTML = this.minWidthTime(format(current));
+        this.centerCurDom.innerHTML = this.minWidthTime(util.format(current));
         if (duration !== Infinity && duration > 0) {
-          this.centerDurDom.innerHTML = format(duration);
+          this.centerDurDom.innerHTML = util.format(duration);
         }
       } else {
-        this.timeDom.innerHTML = this.minWidthTime(format(current));
+        this.timeDom.innerHTML = this.minWidthTime(util.format(current));
         if (duration !== Infinity && duration > 0) {
-          this.durationDom.innerHTML = format(duration);
+          this.durationDom.innerHTML = util.format(duration);
         }
       }
     }
@@ -100,11 +103,11 @@ var Time = /* @__PURE__ */ function(_Plugin) {
     key: "onReset",
     value: function onReset() {
       if (this.mode === "flex") {
-        this.centerCurDom.innerHTML = this.minWidthTime(format(0));
-        this.centerDurDom.innerHTML = format(0);
+        this.centerCurDom.innerHTML = this.minWidthTime(util.format(0));
+        this.centerDurDom.innerHTML = util.format(0);
       } else {
-        this.timeDom.innerHTML = this.minWidthTime(format(0));
-        this.durationDom.innerHTML = format(0);
+        this.timeDom.innerHTML = this.minWidthTime(util.format(0));
+        this.durationDom.innerHTML = util.format(0);
       }
     }
   }, {
@@ -115,8 +118,8 @@ var Time = /* @__PURE__ */ function(_Plugin) {
         return;
       }
       var center = player.controls.center;
-      this.centerCurDom = createDom("xg-icon", "00:00", {}, "xgplayer-time xg-time-left");
-      this.centerDurDom = createDom("xg-icon", "00:00", {}, "xgplayer-time xg-time-right");
+      this.centerCurDom = util.createDom("xg-icon", "00:00", {}, "xgplayer-time xg-time-left");
+      this.centerDurDom = util.createDom("xg-icon", "00:00", {}, "xgplayer-time xg-time-right");
       center.children.length > 0 ? center.insertBefore(this.centerCurDom, center.children[0]) : center.appendChild(this.centerCurDom);
       center.appendChild(this.centerDurDom);
     }
@@ -125,12 +128,12 @@ var Time = /* @__PURE__ */ function(_Plugin) {
     value: function afterPlayerInit() {
       var config = this.config;
       if (this.duration === Infinity || this.playerConfig.isLive) {
-        hide(this.durationDom);
-        hide(this.timeDom);
-        hide(this.find(".time-separator"));
-        show(this.find(".time-live-tag"));
+        util.hide(this.durationDom);
+        util.hide(this.timeDom);
+        util.hide(this.find(".time-separator"));
+        util.show(this.find(".time-live-tag"));
       } else {
-        hide(this.find(".time-live-tag"));
+        util.hide(this.find(".time-live-tag"));
       }
       if (config.hide) {
         this.hide();
@@ -142,15 +145,15 @@ var Time = /* @__PURE__ */ function(_Plugin) {
     key: "changeLiveState",
     value: function changeLiveState(isLive) {
       if (isLive) {
-        hide(this.durationDom);
-        hide(this.timeDom);
-        hide(this.find(".time-separator"));
-        show(this.find(".time-live-tag"));
+        util.hide(this.durationDom);
+        util.hide(this.timeDom);
+        util.hide(this.find(".time-separator"));
+        util.show(this.find(".time-live-tag"));
       } else {
-        hide(this.find(".time-live-tag"));
-        show(this.find(".time-separator"));
-        show(this.durationDom);
-        show(this.timeDom);
+        util.hide(this.find(".time-live-tag"));
+        util.show(this.find(".time-separator"));
+        util.show(this.durationDom);
+        util.show(this.timeDom);
       }
     }
   }, {
@@ -161,10 +164,10 @@ var Time = /* @__PURE__ */ function(_Plugin) {
         return;
       }
       if (this.mode === "flex") {
-        this.centerCurDom.innerHTML = this.minWidthTime(format(time));
+        this.centerCurDom.innerHTML = this.minWidthTime(util.format(time));
         return;
       }
-      this.timeDom.innerHTML = this.minWidthTime(format(time));
+      this.timeDom.innerHTML = this.minWidthTime(util.format(time));
     }
   }, {
     key: "minWidthTime",
@@ -182,7 +185,7 @@ var Time = /* @__PURE__ */ function(_Plugin) {
         _this3.isActiving = false;
       };
       this.off(SEEKED, updateState);
-      if (player.isSeeking) {
+      if (player.isSeeking && player.media.seeking) {
         this.once(SEEKED, updateState);
       } else {
         this.isActiving = false;

package/es/plugins/time/timesegments.js

@@ -1,5 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from "../../_virtual/_rollupPluginBabelHelpers.js";
-import { getIndexByTime, getOffsetCurrentTime } from "../../utils/util.js";
+import util from "../../utils/util.js";
 import { DURATION_CHANGE, LOADED_DATA, TIME_UPDATE, SEEKING, PLAY } from "../../events.js";
 import BasePlugin from "../../plugin/basePlugin.js";
 import "delegate";
@@ -19,8 +19,8 @@ var TimeSegmentsControls = /* @__PURE__ */ function(_BasePlugin) {
       if (!_this._checkIfEnabled(timeSegments)) {
         return;
       }
-      var index = getIndexByTime(currentTime, timeSegments);
-      var time = getOffsetCurrentTime(currentTime, timeSegments, index);
+      var index = util.getIndexByTime(currentTime, timeSegments);
+      var time = util.getOffsetCurrentTime(currentTime, timeSegments, index);
       _this.player.offsetCurrentTime = time;
       _this.changeIndex(index, timeSegments);
     });
@@ -29,7 +29,7 @@ var TimeSegmentsControls = /* @__PURE__ */ function(_BasePlugin) {
       if (!_this._checkIfEnabled(timeSegments)) {
         return;
       }
-      var time = getOffsetCurrentTime(0, timeSegments);
+      var time = util.getOffsetCurrentTime(0, timeSegments);
       _this.player.offsetCurrentTime = time;
       _this.changeIndex(0, timeSegments);
       if (_this.curPos.start > 0) {
@@ -43,11 +43,11 @@ var TimeSegmentsControls = /* @__PURE__ */ function(_BasePlugin) {
       }
       var _len = timeSegments.length;
       _this.lastCurrentTime = currentTime;
-      var index = getIndexByTime(currentTime, timeSegments);
+      var index = util.getIndexByTime(currentTime, timeSegments);
       if (index !== _this.curIndex) {
         _this.changeIndex(index, timeSegments);
       }
-      var curTime = getOffsetCurrentTime(currentTime, timeSegments, index);
+      var curTime = util.getOffsetCurrentTime(currentTime, timeSegments, index);
       _this.player.offsetCurrentTime = curTime;
       if (!_this.curPos) {
         return;
@@ -69,7 +69,7 @@ var TimeSegmentsControls = /* @__PURE__ */ function(_BasePlugin) {
       } else if (currentTime > timeSegments[timeSegments.length - 1].end) {
         _this.player.currentTime = timeSegments[timeSegments.length - 1].end;
       } else {
-        var _index = getIndexByTime(currentTime, timeSegments);
+        var _index = util.getIndexByTime(currentTime, timeSegments);
         if (_index >= 0) {
           var _seekTime = _this.getSeekTime(currentTime, _this.lastCurrentTime, _index, timeSegments);
           if (_seekTime >= 0) {