# 视频和封面

## 视频和封面

## 功能介绍

播放器视频播放与视频未开始播放前，自定义封面图片。

## 功能API

### 参数：

| 参数名              | 类型                   | 默认值 | 说明                          |
| ---------------- | -------------------- | --- | --------------------------- |
| wrap             | String / HTMLElement |     | 页面上存在需要载入播放器的DOM元素或css选择器   |
| vid              | String               |     | 从 polyv 后台上传的视频会生成一个视频唯一vid |
| width            | Number / String      |     | 播放器的宽度                      |
| height           | Number / String      |     | 播放器的高度                      |
| url              | String               |     | 播放器自定义URL                   |
| loading\_bg\_img | String               |     | 封面图片设置                      |

参数设置示例

```javaScript
var player = polyvPlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    vid: 'e8888b74d1229efec6b4712e17cb6b7a_e',
});
```

### 方法：

| 方法名                 | 参数 | 返回值    | 说明      |
| ------------------- | -- | ------ | ------- |
| j2s\_getDuration    |    | Number | 获取视频总时长 |
| j2s\_getCurrentTime |    |        |         |
| j2s\_resumeVideo    |    |        |         |

方法调用示例

```javaScript
player.j2s_getDuration(); // 540
```

### 事件：

| 事件名                   | 返回值 | 说明                             |
| --------------------- | --- | ------------------------------ |
| s2j\_onPlayerInitOver |     | 播放器数据初始化完毕                     |
| s2j\_onPlayStart      |     | 播放器成功加载视频文件并缓冲完成后，即将开始播放第1秒时触发 |
| s2j\_onVideoPlay      |     | 触发播放事件                         |
| s2j\_onVideoPause     |     | 触发暂停事件                         |
| s2j\_onFullScreen     |     | 触发全屏事件                         |
| s2j\_onNormalScreen   |     | 触发普屏事件                         |

事件监听示例

```javaScript
player.on('s2j_onPlayerInitOver', function() {
    console.info('播放器数据初始化完毕');
});
```

### Tips：

* 若检测到不兼容的浏览器，比如IE10、IE9，会自动切换为Flash播放器
* 判断是PC浏览器是否支持H5可调用 `player.isSupportHTML5`检测

#### [在线运行DEMO JS RUN](http://jsrun.pro/PNWKp)