封面图插件

为视频容器添加一个封面图。属于super-player内置插件。

使用

npm i --save @tencent/thumbplayer-plugin-poster

const player = new SuperPlayer({
  container: '#container',
  poster: {
    src: 'https://picsum.photos/200',
  }
});

TIP

插件默认会监听firstPlaying事件隐藏封面图，且仅在传入配置的情况下默认显示封面图。如果你需要异步获取封面图，应该在获取到图片地址后手动调用接口展示。

配置

加载后可以通过poster节点配置

src

• Optional src: string

预览图的地址

---

API

destroy

▸ destroy(): void

销毁插件，移除dom节点，注销内部事件监听

Returns: void

---

hide

▸ hide(): void

外部可主动调用隐藏封面图

Returns: void

---

show

▸ show(src?: string): void

展示封面图，如果有传入地址则展示地址中的图片，否则展示配置中的。

Parameters:

Name	Type
src	Optional string

Returns: void