vue-core-video-player

下載安裝

npm

$ npm install --save vue-core-video-player

yarn
```
$ yarn add -S vue-core-video-player
```

js引入

<script src="./dist/vue-core-vide-player.umd.min.js"></script>

導入

在main.js中導入模塊

import VueCoreVideoPlayer from 'vue-core-video-player'

Vue.use(VueCoreVideoPlayer)

在組件中引用

<div id="app">
  <div class="player-container">
    <vue-core-video-player src="./your_video_source.mp4"></vue-core-video-player>
  </div>
</div>

效果展示

分辨率設置問題

在使用vue-core-video-player的時候想自己添加分辨率，官方文檔中給的信息有點少，記錄一下。

       const videoSource = [
    {
        src: 'https://media.vued.vanthink.cn/sparkle_your_name_am360p.mp4',
        resolution: '360p',
      }, {
        src: 'https://media.vued.vanthink.cn/sparkle_your_name_am720p.mp4',
        resolution: '720p',
      }, {
        src: 'https://media.vued.vanthink.cn/y2mate.com%20-%20sparkle_your_name_amv_K_7To_y9IAM_1080p.mp4',
        resolution: '1080p'
      }
      ]