@tarojs/components 3.5.7-alpha.1 → 3.5.7-alpha.10

package/dist/collection/components/video/video.js

@@ -1,16 +1,5 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Prop, State, Event, Host, Watch, Listen, Element, Method } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import classNames from 'classnames';
-import Hls from 'hls.js';
 import { throttle } from '../../utils';
 import { formatTime, calcDist, normalizeNumber, screenFn, isHls, scene } from './utils';
 export class Video {
@@ -18,81 +7,6 @@ export class Video {
     this.currentTime = 0;
     this.isDraggingProgress = false;
     this.gestureType = 'none';
-    /**
-     * 是否显示默认播放控件（播放/暂停按钮、播放进度、时间）
-     */
-    this.controls = true;
-    /**
-     * 是否自动播放
-     */
-    this.autoplay = false;
-    /**
-     * 是否循环播放
-     */
-    this.loop = false;
-    /**
-     * 是否静音播放
-     */
-    this.muted = false;
-    /**
-     * 指定视频初始播放位置
-     */
-    this.initialTime = 0;
-    /**
-     * 当视频大小与 video 容器大小不一致时，视频的表现形式
-     */
-    this.objectFit = 'contain';
-    /**
-     * 若不设置，宽度大于 240 时才会显示
-     */
-    this.showProgress = true;
-    /**
-     * 是否显示全屏按钮
-     */
-    this.showFullscreenBtn = true;
-    /**
-     * 是否显示视频底部控制栏的播放按钮
-     */
-    this.showPlayBtn = true;
-    /**
-     * 是否显示视频中间的播放按钮
-     */
-    this.showCenterPlayBtn = true;
-    /**
-     * 是否显示静音按钮
-     */
-    this.showMuteBtn = false;
-    /**
-     * 是否显示弹幕按钮
-     */
-    this.danmuBtn = false;
-    /**
-     * 是否展示弹幕
-     */
-    this.enableDanmu = false;
-    /**
-     * 是否开启播放手势，即双击切换播放/暂停
-     */
-    this.enablePlayGesture = false;
-    /**
-     * 是否开启控制进度的手势
-     */
-    this.enableProgressGesture = true;
-    /**
-     * 在非全屏模式下，是否开启亮度与音量调节手势
-     */
-    this.vslideGesture = false;
-    /**
-     * 在全屏模式下，是否开启亮度与音量调节手势
-     */
-    this.vslideGestureInFullscreen = true;
-    this.nativeProps = {};
-    this._enableDanmu = false;
-    this.isPlaying = false;
-    this.isFirst = true;
-    this.isFullScreen = false;
-    this.fullScreenTimestamp = new Date().getTime();
-    this.isMute = false;
     this.analyzeGesture = (e) => {
       var _a;
       const obj = {
@@ -136,34 +50,39 @@ export class Video {
       return obj;
     };
     this.loadNativePlayer = () => {
+      var _a, _b;
       if (this.videoRef) {
         this.videoRef.src = this.src;
-        this.videoRef.load();
+        (_b = (_a = this.videoRef).load) === null || _b === void 0 ? void 0 : _b.call(_a);
       }
     };
     this.init = () => {
       const { src, videoRef } = this;
       if (isHls(src)) {
-        if (Hls.isSupported()) {
-          if (this.hls) {
-            this.hls.destroy();
+        import('hls.js').then(e => {
+          const Hls = e.default;
+          this.HLS = Hls;
+          if (Hls.isSupported()) {
+            if (this.hls) {
+              this.hls.destroy();
+            }
+            this.hls = new Hls();
+            this.hls.loadSource(src);
+            this.hls.attachMedia(videoRef);
+            this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
+              this.autoplay && this.play();
+            });
+            this.hls.on(Hls.Events.ERROR, (_, data) => {
+              this.handleError(data);
+            });
           }
-          this.hls = new Hls();
-          this.hls.loadSource(src);
-          this.hls.attachMedia(videoRef);
-          this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
-            this.autoplay && this.play();
-          });
-          this.hls.on(Hls.Events.ERROR, (_, data) => {
-            this.handleError(data);
-          });
-        }
-        else if (videoRef.canPlayType('application/vnd.apple.mpegurl')) {
-          this.loadNativePlayer();
-        }
-        else {
-          console.error('该浏览器不支持 HLS 播放');
-        }
+          else if (videoRef.canPlayType('application/vnd.apple.mpegurl')) {
+            this.loadNativePlayer();
+          }
+          else {
+            console.error('该浏览器不支持 HLS 播放');
+          }
+        });
       }
       else {
         this.loadNativePlayer();
@@ -186,11 +105,11 @@ export class Video {
       this.controlsRef.toggleVisibility();
       this.onEnded.emit();
     };
-    this.handleTimeUpdate = throttle((e) => __awaiter(this, void 0, void 0, function* () {
+    this.handleTimeUpdate = throttle(async (e) => {
       var _a, _b;
       this.currentTime = this.videoRef.currentTime;
       const duration = this.duration || this._duration;
-      const isControlDragging = yield this.controlsRef.getIsDraggingProgressBall();
+      const isControlDragging = await this.controlsRef.getIsDraggingProgressBall();
       if (this.controls && this.showProgress) {
         if (!isControlDragging && !this.isDraggingProgress) {
           this.controlsRef.setProgressBall(this.currentTime / duration);
@@ -208,17 +127,17 @@ export class Video {
           this.handleEnded();
         }
       }
-    }), 250);
+    }, 250);
     this.handleError = e => {
       var _a, _b;
       if (this.hls) {
         switch (e.type) {
-          case Hls.ErrorTypes.NETWORK_ERROR:
+          case this.HLS.ErrorTypes.NETWORK_ERROR:
             // try to recover network error
             this.onError.emit({ errMsg: e.response });
             this.hls.startLoad();
             break;
-          case Hls.ErrorTypes.MEDIA_ERROR:
+          case this.HLS.ErrorTypes.MEDIA_ERROR:
             this.onError.emit({ errMsg: e.reason || '媒体错误,请重试' });
             this.hls.recoverMediaError();
             break;
@@ -306,17 +225,47 @@ export class Video {
       this.controlsRef.toggleVisibility(true);
       this._enableDanmu = !this._enableDanmu;
     };
+    this.src = undefined;
+    this.duration = undefined;
+    this.controls = true;
+    this.autoplay = false;
+    this.loop = false;
+    this.muted = false;
+    this.initialTime = 0;
+    this.poster = undefined;
+    this.objectFit = 'contain';
+    this.showProgress = true;
+    this.showFullscreenBtn = true;
+    this.showPlayBtn = true;
+    this.showCenterPlayBtn = true;
+    this.showMuteBtn = false;
+    this.danmuList = undefined;
+    this.danmuBtn = false;
+    this.enableDanmu = false;
+    this.enablePlayGesture = false;
+    this.enableProgressGesture = true;
+    this.vslideGesture = false;
+    this.vslideGestureInFullscreen = true;
+    this.nativeProps = {};
+    this._duration = undefined;
+    this._enableDanmu = false;
+    this.isPlaying = false;
+    this.isFirst = true;
+    this.isFullScreen = false;
+    this.fullScreenTimestamp = new Date().getTime();
+    this.isMute = false;
   }
   componentWillLoad() {
     this._enableDanmu = this.enableDanmu;
   }
   componentDidLoad() {
+    var _a, _b;
     this.init();
     if (this.initialTime) {
       this.videoRef.currentTime = this.initialTime;
     }
     // 目前只支持 danmuList 初始化弹幕列表，还未支持更新弹幕列表
-    this.danmuRef.sendDanmu(this.danmuList);
+    (_b = (_a = this.danmuRef).sendDanmu) === null || _b === void 0 ? void 0 : _b.call(_a, this.danmuList);
     if (document.addEventListener) {
       document.addEventListener(screenFn.fullscreenchange, this.handleFullScreenChange);
     }
@@ -341,31 +290,29 @@ export class Video {
   watchSrc() {
     this.init();
   }
-  onDocumentTouchMove(e) {
-    return __awaiter(this, void 0, void 0, function* () {
-      if (this.lastTouchScreenX === undefined || this.lastTouchScreenY === undefined)
-        return;
-      if (yield this.controlsRef.getIsDraggingProgressBall())
-        return;
-      const gestureObj = this.analyzeGesture(e);
-      if (gestureObj.type === 'adjustVolume') {
-        this.toastVolumeRef.style.visibility = 'visible';
-        const nextVolume = Math.max(Math.min(this.lastVolume - gestureObj.dataY, 1), 0);
-        this.videoRef.volume = nextVolume;
-        this.toastVolumeBarRef.style.width = `${nextVolume * 100}%`;
-      }
-      else if (gestureObj.type === 'adjustProgress') {
-        this.isDraggingProgress = true;
-        this.nextPercentage = Math.max(Math.min(this.lastPercentage + gestureObj.dataX, 1), 0);
-        if (this.controls && this.showProgress) {
-          this.controlsRef.setProgressBall(this.nextPercentage);
-          this.controlsRef.toggleVisibility(true);
-        }
-        const duration = this.duration || this._duration;
-        this.toastProgressTitleRef.innerHTML = `${formatTime(this.nextPercentage * duration)} / ${formatTime(duration)}`;
-        this.toastProgressRef.style.visibility = 'visible';
+  async onDocumentTouchMove(e) {
+    if (this.lastTouchScreenX === undefined || this.lastTouchScreenY === undefined)
+      return;
+    if (await this.controlsRef.getIsDraggingProgressBall())
+      return;
+    const gestureObj = this.analyzeGesture(e);
+    if (gestureObj.type === 'adjustVolume') {
+      this.toastVolumeRef.style.visibility = 'visible';
+      const nextVolume = Math.max(Math.min(this.lastVolume - gestureObj.dataY, 1), 0);
+      this.videoRef.volume = nextVolume;
+      this.toastVolumeBarRef.style.width = `${nextVolume * 100}%`;
+    }
+    else if (gestureObj.type === 'adjustProgress') {
+      this.isDraggingProgress = true;
+      this.nextPercentage = Math.max(Math.min(this.lastPercentage + (gestureObj.dataX || 0), 1), 0);
+      if (this.controls && this.showProgress) {
+        this.controlsRef.setProgressBall(this.nextPercentage);
+        this.controlsRef.toggleVisibility(true);
       }
-    });
+      const duration = this.duration || this._duration;
+      this.toastProgressTitleRef.innerHTML = `${formatTime(this.nextPercentage * duration)} / ${formatTime(duration)}`;
+      this.toastProgressRef.style.visibility = 'visible';
+    }
   }
   onDocumentTouchEnd() {
     var _a;
@@ -384,40 +331,28 @@ export class Video {
     this.lastTouchScreenY = undefined;
   }
   /** 播放视频 */
-  play() {
-    return __awaiter(this, void 0, void 0, function* () {
-      this._play();
-    });
+  async play() {
+    this._play();
   }
   /** 暂停视频 */
-  pause() {
-    return __awaiter(this, void 0, void 0, function* () {
-      this._pause();
-    });
+  async pause() {
+    this._pause();
   }
   /** 停止视频 */
-  stop() {
-    return __awaiter(this, void 0, void 0, function* () {
-      this._stop();
-    });
+  async stop() {
+    this._stop();
   }
   /** 跳转到指定位置 */
-  seek(position) {
-    return __awaiter(this, void 0, void 0, function* () {
-      this._seek(position);
-    });
+  async seek(position) {
+    this._seek(position);
   }
   /** 进入全屏。若有自定义内容需在全屏时展示，需将内容节点放置到 video 节点内。 */
-  requestFullScreen() {
-    return __awaiter(this, void 0, void 0, function* () {
-      this.toggleFullScreen(true);
-    });
+  async requestFullScreen() {
+    this.toggleFullScreen(true);
   }
   /** 退出全屏 */
-  exitFullScreen() {
-    return __awaiter(this, void 0, void 0, function* () {
-      this.toggleFullScreen(false);
-    });
+  async exitFullScreen() {
+    this.toggleFullScreen(false);
   }
   render() {
     const { controls, autoplay, loop, muted, poster, objectFit, isFirst, isMute, isFullScreen, showCenterPlayBtn, isPlaying, _enableDanmu, showMuteBtn, danmuBtn, showFullscreenBtn, nativeProps } = this;
@@ -425,714 +360,714 @@ export class Video {
     const durationTime = formatTime(duration);
     return (h(Host, { class: classNames('taro-video-container', {
         'taro-video-type-fullscreen': isFullScreen
-      }), onTouchStart: this.onTouchStartContainer, onClick: this.onClickContainer },
-      h("video", Object.assign({ class: 'taro-video-video', style: {
-          'object-fit': objectFit
-        }, ref: dom => {
-          if (dom) {
-            this.videoRef = dom;
-          }
-        }, autoplay: autoplay, loop: loop, muted: muted, poster: controls ? poster : undefined, playsinline: true, "webkit-playsinline": true, onPlay: this.handlePlay, onPause: this.handlePause, onEnded: this.handleEnded, onTimeUpdate: this.handleTimeUpdate, onError: this.handleError, onDurationChange: this.handleDurationChange, onProgress: this.handleProgress, onLoadedMetaData: this.handleLoadedMetaData }, nativeProps), "\u6682\u65F6\u4E0D\u652F\u6301\u64AD\u653E\u8BE5\u89C6\u9891"),
-      h("taro-video-danmu", { ref: dom => {
-          if (dom) {
-            this.danmuRef = dom;
-          }
-        }, enable: _enableDanmu }),
-      isFirst && showCenterPlayBtn && !isPlaying && (h("div", { class: 'taro-video-cover' },
-        h("div", { class: 'taro-video-cover-play-button', onClick: () => this.play() }),
-        h("p", { class: 'taro-video-cover-duration' }, durationTime))),
-      h("taro-video-control", { ref: dom => {
-          if (dom) {
-            this.controlsRef = dom;
-          }
-        }, controls: controls, currentTime: this.currentTime, duration: duration, isPlaying: this.isPlaying, pauseFunc: this._pause, playFunc: this._play, seekFunc: this._seek, showPlayBtn: this.showPlayBtn, showProgress: this.showProgress },
-        showMuteBtn && (h("div", { class: classNames('taro-video-mute', {
-            'taro-video-type-mute': isMute
-          }), onClick: this.toggleMute })),
-        danmuBtn && (h("div", { class: classNames('taro-video-danmu-button', {
-            'taro-video-danmu-button-active': _enableDanmu
-          }), onClick: this.toggleDanmu }, "\u5F39\u5E55")),
-        showFullscreenBtn && (h("div", { class: classNames('taro-video-fullscreen', {
-            'taro-video-type-fullscreen': isFullScreen
-          }), onClick: this.onClickFullScreenBtn }))),
-      h("div", { class: 'taro-video-toast taro-video-toast-volume', ref: dom => {
-          if (dom) {
-            this.toastVolumeRef = dom;
-          }
-        } },
-        h("div", { class: 'taro-video-toast-title' }, "\u97F3\u91CF"),
-        h("div", { class: 'taro-video-toast-icon' }),
-        h("div", { class: 'taro-video-toast-value' },
-          h("div", { class: 'taro-video-toast-value-content', ref: dom => {
-              if (dom) {
-                this.toastVolumeBarRef = dom;
-              }
-            } },
-            h("div", { class: 'taro-video-toast-volume-grids' }, Array(10).fill(1).map(() => (h("div", { class: 'taro-video-toast-volume-grids-item' }))))))),
-      h("div", { class: 'taro-video-toast taro-video-toast-progress', ref: dom => {
-          if (dom) {
-            this.toastProgressRef = dom;
-          }
-        } },
-        h("div", { class: 'taro-video-toast-title', ref: dom => {
-            if (dom) {
-              this.toastProgressTitleRef = dom;
-            }
-          } }))));
+      }), onTouchStart: this.onTouchStartContainer, onClick: this.onClickContainer }, h("video", Object.assign({ class: 'taro-video-video', style: {
+        'object-fit': objectFit
+      }, ref: dom => {
+        if (dom) {
+          this.videoRef = dom;
+        }
+      }, autoplay: autoplay, loop: loop, muted: muted, poster: controls ? poster : undefined, playsinline: true, "webkit-playsinline": true, onPlay: this.handlePlay, onPause: this.handlePause, onEnded: this.handleEnded, onTimeUpdate: this.handleTimeUpdate, onError: this.handleError, onDurationChange: this.handleDurationChange, onProgress: this.handleProgress, onLoadedMetaData: this.handleLoadedMetaData }, nativeProps), "\u6682\u65F6\u4E0D\u652F\u6301\u64AD\u653E\u8BE5\u89C6\u9891"), h("taro-video-danmu", { ref: dom => {
+        if (dom) {
+          this.danmuRef = dom;
+        }
+      }, enable: _enableDanmu }), isFirst && showCenterPlayBtn && !isPlaying && (h("div", { class: 'taro-video-cover' }, h("div", { class: 'taro-video-cover-play-button', onClick: () => this.play() }), h("p", { class: 'taro-video-cover-duration' }, durationTime))), h("taro-video-control", { ref: dom => {
+        if (dom) {
+          this.controlsRef = dom;
+        }
+      }, controls: controls, currentTime: this.currentTime, duration: duration, isPlaying: this.isPlaying, pauseFunc: this._pause, playFunc: this._play, seekFunc: this._seek, showPlayBtn: this.showPlayBtn, showProgress: this.showProgress }, showMuteBtn && (h("div", { class: classNames('taro-video-mute', {
+        'taro-video-type-mute': isMute
+      }), onClick: this.toggleMute })), danmuBtn && (h("div", { class: classNames('taro-video-danmu-button', {
+        'taro-video-danmu-button-active': _enableDanmu
+      }), onClick: this.toggleDanmu }, "\u5F39\u5E55")), showFullscreenBtn && (h("div", { class: classNames('taro-video-fullscreen', {
+        'taro-video-type-fullscreen': isFullScreen
+      }), onClick: this.onClickFullScreenBtn }))), h("div", { class: 'taro-video-toast taro-video-toast-volume', ref: dom => {
+        if (dom) {
+          this.toastVolumeRef = dom;
+        }
+      } }, h("div", { class: 'taro-video-toast-title' }, "\u97F3\u91CF"), h("div", { class: 'taro-video-toast-icon' }), h("div", { class: 'taro-video-toast-value' }, h("div", { class: 'taro-video-toast-value-content', ref: dom => {
+        if (dom) {
+          this.toastVolumeBarRef = dom;
+        }
+      } }, h("div", { class: 'taro-video-toast-volume-grids' }, Array(10).fill(1).map(() => (h("div", { class: 'taro-video-toast-volume-grids-item' }))))))), h("div", { class: 'taro-video-toast taro-video-toast-progress', ref: dom => {
+        if (dom) {
+          this.toastProgressRef = dom;
+        }
+      } }, h("div", { class: 'taro-video-toast-title', ref: dom => {
+        if (dom) {
+          this.toastProgressTitleRef = dom;
+        }
+      } }))));
   }
   static get is() { return "taro-video-core"; }
-  static get originalStyleUrls() { return {
-    "$": ["./style/index.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["./style/index.css"]
-  }; }
-  static get properties() { return {
-    "src": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u8981\u64AD\u653E\u89C6\u9891\u7684\u8D44\u6E90\u5730\u5740"
-      },
-      "attribute": "src",
-      "reflect": false
-    },
-    "duration": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u6307\u5B9A\u89C6\u9891\u65F6\u957F"
-      },
-      "attribute": "duration",
-      "reflect": false
-    },
-    "controls": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u663E\u793A\u9ED8\u8BA4\u64AD\u653E\u63A7\u4EF6\uFF08\u64AD\u653E/\u6682\u505C\u6309\u94AE\u3001\u64AD\u653E\u8FDB\u5EA6\u3001\u65F6\u95F4\uFF09"
-      },
-      "attribute": "controls",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "autoplay": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u81EA\u52A8\u64AD\u653E"
-      },
-      "attribute": "autoplay",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "loop": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u5FAA\u73AF\u64AD\u653E"
-      },
-      "attribute": "loop",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "muted": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u9759\u97F3\u64AD\u653E"
-      },
-      "attribute": "muted",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "initialTime": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u6307\u5B9A\u89C6\u9891\u521D\u59CB\u64AD\u653E\u4F4D\u7F6E"
-      },
-      "attribute": "initial-time",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "poster": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u89C6\u9891\u5C01\u9762\u7684\u56FE\u7247\u7F51\u7EDC\u8D44\u6E90\u5730\u5740\u6216\u4E91\u6587\u4EF6ID\uFF082.3.0\uFF09\u3002\u82E5 controls \u5C5E\u6027\u503C\u4E3A false \u5219\u8BBE\u7F6E poster \u65E0\u6548"
-      },
-      "attribute": "poster",
-      "reflect": false
-    },
-    "objectFit": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'contain' | 'fill' | 'cover'",
-        "resolved": "\"contain\" | \"cover\" | \"fill\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5F53\u89C6\u9891\u5927\u5C0F\u4E0E video \u5BB9\u5668\u5927\u5C0F\u4E0D\u4E00\u81F4\u65F6\uFF0C\u89C6\u9891\u7684\u8868\u73B0\u5F62\u5F0F"
-      },
-      "attribute": "object-fit",
-      "reflect": false,
-      "defaultValue": "'contain'"
-    },
-    "showProgress": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u82E5\u4E0D\u8BBE\u7F6E\uFF0C\u5BBD\u5EA6\u5927\u4E8E 240 \u65F6\u624D\u4F1A\u663E\u793A"
-      },
-      "attribute": "show-progress",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "showFullscreenBtn": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u663E\u793A\u5168\u5C4F\u6309\u94AE"
-      },
-      "attribute": "show-fullscreen-btn",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "showPlayBtn": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u663E\u793A\u89C6\u9891\u5E95\u90E8\u63A7\u5236\u680F\u7684\u64AD\u653E\u6309\u94AE"
-      },
-      "attribute": "show-play-btn",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "showCenterPlayBtn": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u663E\u793A\u89C6\u9891\u4E2D\u95F4\u7684\u64AD\u653E\u6309\u94AE"
-      },
-      "attribute": "show-center-play-btn",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "showMuteBtn": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u663E\u793A\u9759\u97F3\u6309\u94AE"
-      },
-      "attribute": "show-mute-btn",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "danmuList": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "[]",
-        "resolved": "[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5F39\u5E55\u5217\u8868"
-      }
-    },
-    "danmuBtn": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u663E\u793A\u5F39\u5E55\u6309\u94AE"
-      },
-      "attribute": "danmu-btn",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "enableDanmu": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["./style/index.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["./style/index.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "src": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u8981\u64AD\u653E\u89C6\u9891\u7684\u8D44\u6E90\u5730\u5740"
+        },
+        "attribute": "src",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u5C55\u793A\u5F39\u5E55"
+      "duration": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u6307\u5B9A\u89C6\u9891\u65F6\u957F"
+        },
+        "attribute": "duration",
+        "reflect": false
       },
-      "attribute": "enable-danmu",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "enablePlayGesture": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "controls": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u663E\u793A\u9ED8\u8BA4\u64AD\u653E\u63A7\u4EF6\uFF08\u64AD\u653E/\u6682\u505C\u6309\u94AE\u3001\u64AD\u653E\u8FDB\u5EA6\u3001\u65F6\u95F4\uFF09"
+        },
+        "attribute": "controls",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u5F00\u542F\u64AD\u653E\u624B\u52BF\uFF0C\u5373\u53CC\u51FB\u5207\u6362\u64AD\u653E/\u6682\u505C"
+      "autoplay": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u81EA\u52A8\u64AD\u653E"
+        },
+        "attribute": "autoplay",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "enable-play-gesture",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "enableProgressGesture": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "loop": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u5FAA\u73AF\u64AD\u653E"
+        },
+        "attribute": "loop",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u5F00\u542F\u63A7\u5236\u8FDB\u5EA6\u7684\u624B\u52BF"
+      "muted": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u9759\u97F3\u64AD\u653E"
+        },
+        "attribute": "muted",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "enable-progress-gesture",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "vslideGesture": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "initialTime": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u6307\u5B9A\u89C6\u9891\u521D\u59CB\u64AD\u653E\u4F4D\u7F6E"
+        },
+        "attribute": "initial-time",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5728\u975E\u5168\u5C4F\u6A21\u5F0F\u4E0B\uFF0C\u662F\u5426\u5F00\u542F\u4EAE\u5EA6\u4E0E\u97F3\u91CF\u8C03\u8282\u624B\u52BF"
+      "poster": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u89C6\u9891\u5C01\u9762\u7684\u56FE\u7247\u7F51\u7EDC\u8D44\u6E90\u5730\u5740\u6216\u4E91\u6587\u4EF6ID\uFF082.3.0\uFF09\u3002\u82E5 controls \u5C5E\u6027\u503C\u4E3A false \u5219\u8BBE\u7F6E poster \u65E0\u6548"
+        },
+        "attribute": "poster",
+        "reflect": false
       },
-      "attribute": "vslide-gesture",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "vslideGestureInFullscreen": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "objectFit": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'contain' | 'fill' | 'cover'",
+          "resolved": "\"contain\" | \"cover\" | \"fill\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5F53\u89C6\u9891\u5927\u5C0F\u4E0E video \u5BB9\u5668\u5927\u5C0F\u4E0D\u4E00\u81F4\u65F6\uFF0C\u89C6\u9891\u7684\u8868\u73B0\u5F62\u5F0F"
+        },
+        "attribute": "object-fit",
+        "reflect": false,
+        "defaultValue": "'contain'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5728\u5168\u5C4F\u6A21\u5F0F\u4E0B\uFF0C\u662F\u5426\u5F00\u542F\u4EAE\u5EA6\u4E0E\u97F3\u91CF\u8C03\u8282\u624B\u52BF"
+      "showProgress": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u82E5\u4E0D\u8BBE\u7F6E\uFF0C\u5BBD\u5EA6\u5927\u4E8E 240 \u65F6\u624D\u4F1A\u663E\u793A"
+        },
+        "attribute": "show-progress",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "vslide-gesture-in-fullscreen",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "nativeProps": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{}",
-        "resolved": "{}",
-        "references": {}
+      "showFullscreenBtn": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u663E\u793A\u5168\u5C4F\u6309\u94AE"
+        },
+        "attribute": "show-fullscreen-btn",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "showPlayBtn": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u663E\u793A\u89C6\u9891\u5E95\u90E8\u63A7\u5236\u680F\u7684\u64AD\u653E\u6309\u94AE"
+        },
+        "attribute": "show-play-btn",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "defaultValue": "{}"
-    }
-  }; }
-  static get states() { return {
-    "_duration": {},
-    "_enableDanmu": {},
-    "isPlaying": {},
-    "isFirst": {},
-    "isFullScreen": {},
-    "fullScreenTimestamp": {},
-    "isMute": {}
-  }; }
-  static get events() { return [{
-      "method": "onPlay",
-      "name": "play",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "showCenterPlayBtn": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u663E\u793A\u89C6\u9891\u4E2D\u95F4\u7684\u64AD\u653E\u6309\u94AE"
+        },
+        "attribute": "show-center-play-btn",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onPause",
-      "name": "pause",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "showMuteBtn": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u663E\u793A\u9759\u97F3\u6309\u94AE"
+        },
+        "attribute": "show-mute-btn",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onEnded",
-      "name": "ended",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "danmuList": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "[]",
+          "resolved": "[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5F39\u5E55\u5217\u8868"
+        }
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onTimeUpdate",
-      "name": "timeupdate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "danmuBtn": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u663E\u793A\u5F39\u5E55\u6309\u94AE"
+        },
+        "attribute": "danmu-btn",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onError",
-      "name": "error",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "enableDanmu": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u5C55\u793A\u5F39\u5E55"
+        },
+        "attribute": "enable-danmu",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onFullScreenChange",
-      "name": "fullscreenchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "enablePlayGesture": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u5F00\u542F\u64AD\u653E\u624B\u52BF\uFF0C\u5373\u53CC\u51FB\u5207\u6362\u64AD\u653E/\u6682\u505C"
+        },
+        "attribute": "enable-play-gesture",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onProgress",
-      "name": "progress",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "enableProgressGesture": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u5F00\u542F\u63A7\u5236\u8FDB\u5EA6\u7684\u624B\u52BF"
+        },
+        "attribute": "enable-progress-gesture",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onLoadedMetaData",
-      "name": "loadedmetadata",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "vslideGesture": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5728\u975E\u5168\u5C4F\u6A21\u5F0F\u4E0B\uFF0C\u662F\u5426\u5F00\u542F\u4EAE\u5EA6\u4E0E\u97F3\u91CF\u8C03\u8282\u624B\u52BF"
+        },
+        "attribute": "vslide-gesture",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "play": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "vslideGestureInFullscreen": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         },
-        "return": "Promise<void>"
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5728\u5168\u5C4F\u6A21\u5F0F\u4E0B\uFF0C\u662F\u5426\u5F00\u542F\u4EAE\u5EA6\u4E0E\u97F3\u91CF\u8C03\u8282\u624B\u52BF"
+        },
+        "attribute": "vslide-gesture-in-fullscreen",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "docs": {
-        "text": "\u64AD\u653E\u89C6\u9891",
-        "tags": []
+      "nativeProps": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{}",
+          "resolved": "{}",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "{}"
       }
-    },
-    "pause": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "_duration": {},
+      "_enableDanmu": {},
+      "isPlaying": {},
+      "isFirst": {},
+      "isFullScreen": {},
+      "fullScreenTimestamp": {},
+      "isMute": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "onPlay",
+        "name": "play",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onPause",
+        "name": "pause",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onEnded",
+        "name": "ended",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onTimeUpdate",
+        "name": "timeupdate",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onError",
+        "name": "error",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onFullScreenChange",
+        "name": "fullscreenchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onProgress",
+        "name": "progress",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onLoadedMetaData",
+        "name": "loadedmetadata",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "play": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "\u64AD\u653E\u89C6\u9891",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "\u6682\u505C\u89C6\u9891",
-        "tags": []
-      }
-    },
-    "stop": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "pause": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "\u6682\u505C\u89C6\u9891",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "\u505C\u6B62\u89C6\u9891",
-        "tags": []
-      }
-    },
-    "seek": {
-      "complexType": {
-        "signature": "(position: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "stop": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "\u505C\u6B62\u89C6\u9891",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "\u8DF3\u8F6C\u5230\u6307\u5B9A\u4F4D\u7F6E",
-        "tags": []
-      }
-    },
-    "requestFullScreen": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "seek": {
+        "complexType": {
+          "signature": "(position: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "\u8DF3\u8F6C\u5230\u6307\u5B9A\u4F4D\u7F6E",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "\u8FDB\u5165\u5168\u5C4F\u3002\u82E5\u6709\u81EA\u5B9A\u4E49\u5185\u5BB9\u9700\u5728\u5168\u5C4F\u65F6\u5C55\u793A\uFF0C\u9700\u5C06\u5185\u5BB9\u8282\u70B9\u653E\u7F6E\u5230 video \u8282\u70B9\u5185\u3002",
-        "tags": []
-      }
-    },
-    "exitFullScreen": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "requestFullScreen": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "\u8FDB\u5165\u5168\u5C4F\u3002\u82E5\u6709\u81EA\u5B9A\u4E49\u5185\u5BB9\u9700\u5728\u5168\u5C4F\u65F6\u5C55\u793A\uFF0C\u9700\u5C06\u5185\u5BB9\u8282\u70B9\u653E\u7F6E\u5230 video \u8282\u70B9\u5185\u3002",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "\u9000\u51FA\u5168\u5C4F",
-        "tags": []
+      "exitFullScreen": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "\u9000\u51FA\u5168\u5C4F",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "enableDanmu",
-      "methodName": "watchEnableDanmu"
-    }, {
-      "propName": "src",
-      "methodName": "watchSrc"
-    }]; }
-  static get listeners() { return [{
-      "name": "touchmove",
-      "method": "onDocumentTouchMove",
-      "target": "document",
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "touchend",
-      "method": "onDocumentTouchEnd",
-      "target": "document",
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "touchcancel",
-      "method": "onDocumentTouchEnd",
-      "target": "document",
-      "capture": false,
-      "passive": true
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "enableDanmu",
+        "methodName": "watchEnableDanmu"
+      }, {
+        "propName": "src",
+        "methodName": "watchSrc"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "touchmove",
+        "method": "onDocumentTouchMove",
+        "target": "document",
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchend",
+        "method": "onDocumentTouchEnd",
+        "target": "document",
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchcancel",
+        "method": "onDocumentTouchEnd",
+        "target": "document",
+        "capture": false,
+        "passive": true
+      }];
+  }
 }
+//# sourceMappingURL=video.js.map