m3u8 video ios h5_【H5】iOS系统下的video视频播放完后重新刷新视频

业务需求是H5页面中嵌套video视频,自定义控制视频暂停或者播放,但是对于ios系统下手机,会出现两个问题导致自定义播放事件失效:

1.ios系统下视频自动回放全屏幕播放

2.播放完之后定义在最后一帧图片上

最终目的是video播放完之后实现刚加载出页面时候的效果(即第一张图片效果)

eb38857207f6be214e94e2bb59e4da3e.png
[加载完页面时候的样式]

61f4658b31d91fea3211c92f6769335d.png
播放完之后视频

重新刷新视频即使重新刷新video标签的src,所以代码如下:

videoplay

注意:我的内容是使用react写的,所以图片用到了require语法,如果不是react直接用路径就可以

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值