video 标签,视频加载中状态处理,缩略图

在使用Video标签加载视频时想要添加加载中,又没有首帧图片

常见于视频列表,过多的视频资源会让进入页面时变成白块。

  1. 加入poster,该poster是指加载中的图片
  2. 当想要通过监听Video视频的loadeddata事件,移除poster时会发现视频控件黑屏,此时又没有首帧图片。
  3. 解决办法:
public videoloadedded(e: any) {
    const item = e.target as HTMLVideoElement
    item.play()
    item.currentTime = 0.01
    item.pause()
  }

将其播放、暂停。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值