# VideoPlayer 视频播放组件
基于flv.js的简单视频播放组件

## 用法

### 基础用法

::: demo 

```vue
<template>
    <VideoPlayer src="https://media.w3.org/2010/05/sintel/trailer.mp4" :width="600" :height="400"/>
</template>
```

::: 

### 隐藏控制器

::: demo 

```vue
<template>
    <VideoPlayer src="https://media.w3.org/2010/05/sintel/trailer.mp4" :width="600" :height="400" :controls="false"/>
</template>
```

::: 

## Props

| 参数            | 说明                                                         | 类型    | 可选值 | 默认值 |
| --------------- | ------------------------------------------------------------ | ------- | ------ | ------ |
| controls        | 是否显示控制                                                 | boolean | -      | true   |
| src             | 视频源地址                                                   | string  | -      | -      |
| mediaDataSource | flv.js实例参数<br />https://github.com/bilibili/flv.js/blob/master/docs/api.md#flvjscreateplayer | Object  | -      | -      |
| config          | flv.js实例参数<br />https://github.com/bilibili/flv.js/blob/master/docs/api.md#flvjscreateplayer | Object  | -      | -      |