[vue] HTML5视频播放器组件

“一款基于 vue.js 的轻量级的视频播放器插件插件”

文档地址：https://core-player.github.io/vue-core-video-player/

在Vue-cli 脚手架环境测试

1.安装

npm i vue-core-video-player -S

2.使用

<template>
  <vue-core-video-player
    src="http://xxxxxxx:8888/down/We4CqpXkxD7y"
    preload="metadata"
  ></vue-core-video-player>
</template>

3.配置

• src：视频文件地址
• preload: 配置视频加载方式 （metadata、none、auto）

....还有很多配置，目前研究了这两个，所有配置都在文档上

4.测试：

想实现一个效果：视频是边播放边加载的，而不是直接全加载完再播放。

1. 准备视频文件
2. 按照官方文档配置 preload=metadata，文档中是这样写的 “表示仅预先获取视频的元数据”
3. 播放

（这里有个坑，在服务器上放的视频文件有点小，瞬间就加载完了。可能是这个原因，导致看不出来边播放边加载的效果）

接下来打算换个大点的文件继续测试.......