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

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

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

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

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

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

播放完之后视频

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

videoplay

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

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

android广告平台哪个好用,安卓手机里谁家系统广告最少？看完后想说：真怕小米MIUI垫底！...
原标题: 安卓手机里谁家系统广告最少?看完后想说:真怕小米MIUI垫底! 前天一篇文章评论中,有粉丝这样说: 可以看出这位粉丝真的十足小米粉!大师姐并非说小米不好哦,只是客观来说,小米家系统广告略微多 ...
html5 调用系统相册,iOS之H5调用系统相册相机浏览文件
在我们iOS开发中大家遇到过H5和原生交互,需要上传文件,刚开始的思路肯定是在之前轻车熟路的js交互中原生方法获取文件之后上传,今天我们了解一个新的方法,其实苹果官方给我们提供了一个更简单的方法, H ...
linux 挂在u盘变成只读,linux系统下优盘挂载之文件系统后只读解决方法
问题:有时在linux系统下挂载优盘之后,优盘文件系统只读,表现形式一般为:删除文件或者创建文件的时候提示无法删除或创建文件:文件系统只读;解决方法:1.在Linux系问题:有时在linux系统下挂 ...
linux 格式工厂,在Deepin 20系统下安装格式工厂deb包后字体很小的解决方案
网上有人分享出了格式工厂deb包com.formatfactory.spark_5.6.0spark0_amd64.deb,该包可安装在Deepin 20系统下,其它的一切正常,但是字体很小,以下是针 ...
xp wifi android,XP系统下160WIFI创建WiFi热点后手机无法正常上网
160WiFi是一款免费的无线路由软件,可以将您笔记本或台式机的内置(或外置)无线网卡一键变为无线路由,使其它设备可以简单的通过WiFi分享,自由访问互联网. 近期有用户反馈在windows xp系统 ...
win7系统下IE9升级到IE11后开发者工具下的网络和探查器显示空白问题
前段时间为了测试将win7系统下IE9升级到IE11,之后F12打开开发者工具后网络和探查器显示一片空白,先是按网上资料上说的安装补丁:https://www.microsoft.com/en-us/ ...
苹果mac系统下浏览器video无法自动播放问题
我们在做手机Android/iOS开发的时候,声音一般都是无法自动播放的,桌面PC版的Safari浏览器在2017年也宣布禁止带有声音的多媒体自动播放功能,后来谷歌发布了最新的Chrome 66浏览器 ...
Ubuntu系统下安装opencv3.x并打开图片和视频文件以及打开摄像头录制视频
目录一.安装opencv 1.前置安装条件 2.安装环境 3.下载opencv3.4.11 4.解压安装包 5.开始安装 6.检查是否安装成功二.显示图片和播放视频 1.显示图片 2.播放视频三 ...
linux系统下springboot jar方式启动后允许后台运行
2019独角兽企业重金招聘Python工程师标准>>> springboot 以jar方式打包运行时,ssh客户端或者xshell工具关闭后,程序会自动关闭! 解决方法:编写sh脚本 ...

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

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

最新文章

热门文章