# player 视频

视频容器，在保留原生video标签的特性下，定制播放控制台，优化展示。

<a name="zcX8I"></a>
## 代码演示

```jsx
<template>
  <player :src="video.sources" :poster="video.poster" />
</template>
<script>
export default {
  data () {
    return {
      video: {
        sources: 'https://info01.jiaoliuqu.com/9e61573114446agz.mp4',
        poster: 'https://info01.jiaoliuqu.com//9e61573114446agz_1.jpg'
      }
    }
  }
}
</script>

```

mini模式下，只展示播放按钮，点击播放按键即进入全屏播放，退出全屏暂停播放
```jsx
<template>
  <player :src="video.sources" :poster="video.poster" :options="video.options" mini style="width:160px;height:90px" />
</template>
<script>
export default {
  data () {
    return {
      video: {
        sources: 'https://info01.jiaoliuqu.com/9e61573114446agz.mp4',
        poster: 'https://info01.jiaoliuqu.com//9e61573114446agz_1.jpg'
      }
    }
  }
}
</script>

```

<a name="ISGpl"></a>
## API
| 参数 | 说明 | 类型 |
| :--- | :--- | :--- |
| src | 接收的视频资源地址 | string &#124; string[] |
| poster | 视频封面 | string |
| mini | 是否采用mini模式，默认false | boolean |
| autoplay | 是否自动播放，在mini模式无效，默认false | boolean |
| vol | 音量，默认0.8 | number |


> 注意: 自动播放时，视频默认静音，请参考：[https://goo.gl/xX8pDD](https://goo.gl/xX8pDD)