业务需求是H5页面中嵌套video视频,自定义控制视频暂停或者播放,但是对于ios系统下手机,会出现两个问题导致自定义播放事件失效:
1.ios系统下视频自动回放全屏幕播放
2.播放完之后定义在最后一帧图片上
最终目的是video播放完之后实现刚加载出页面时候的效果(即第一张图片效果)
![eb38857207f6be214e94e2bb59e4da3e.png](https://i-blog.csdnimg.cn/blog_migrate/4365a16d719557e7054390f0cce777bc.jpeg)
![61f4658b31d91fea3211c92f6769335d.png](https://i-blog.csdnimg.cn/blog_migrate/0712400c79e852a24f823cc4b3184673.png)
重新刷新视频即使重新刷新video标签的src,所以代码如下:
videoplay
注意:我的内容是使用react写的,所以图片用到了require语法,如果不是react直接用路径就可以
业务需求是H5页面中嵌套video视频,自定义控制视频暂停或者播放,但是对于ios系统下手机,会出现两个问题导致自定义播放事件失效:
1.ios系统下视频自动回放全屏幕播放
2.播放完之后定义在最后一帧图片上
最终目的是video播放完之后实现刚加载出页面时候的效果(即第一张图片效果)
重新刷新视频即使重新刷新video标签的src,所以代码如下:
videoplay
注意:我的内容是使用react写的,所以图片用到了require语法,如果不是react直接用路径就可以