在使用Video标签加载视频时想要添加加载中,又没有首帧图片
常见于视频列表,过多的视频资源会让进入页面时变成白块。
- 加入poster,该poster是指加载中的图片
- 当想要通过监听Video视频的loadeddata事件,移除poster时会发现视频控件黑屏,此时又没有首帧图片。
- 解决办法:
public videoloadedded(e: any) {
const item = e.target as HTMLVideoElement
item.play()
item.currentTime = 0.01
item.pause()
}
将其播放、暂停。