H5页面视频使用总结v1
H5页面内播放
<video v-if='isShowVideo' id="myvideo" ref='video' x5-playsinline="x5-playsinline" x-webkit-airplay="allow" preload="auto" controlslist="nodownload" webkit-playsinline="true" controls="controls" playsinline="true" src="视频地址">video>
微信H5全屏
<video id="myVideo" x5-video-player-fullscreen='true' x5-video-player-type="h5" src="视频地址" style="object-fit: fill;">video>
x5-playsinline="x5-playsinline"
x-webkit-airplay="allow"
controlslist="nodownload" // 不要下载
webkit-playsinline="true" // iso 10 中让视频在小窗口播放,不是全屏播放
playsinline="true" // IOS微信浏览器支持小窗内播放
x5-video-player-fullscreen="true" // 全屏设置,设置为 true 是防止横屏
x5-video-player-type="h5" // 启用H5播放器,是wechat安卓版特性
在微信H5中,页面内视频播放会覆盖弹层,解决方案:在弹层出现时,先将video标签删除或隐藏,当弹层隐藏时,再将video标签显示或插入到页面中
controlslist的其他参数:
nodownload // 禁止下载
nofullscreen // 禁止全屏
noremoteplayback // 禁止远程回访(测试未发现效果)
防止右键下载,可以增加oncontextmenu="return false";
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:service@webmeng.net 进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
以上信息是否解决您的问题?
相关问题
- 邮件系统架设步骤
- 第三方美化界面资源
- 解决宝塔远程mysql问题
- Navicat连接错误1130:is not allowed to...
- 解决1130 is not allowed to connect ...
- 宝塔面板安装nginx,宝塔nginx配置文件
- MySQL PHPmyadmin 数据库导出报错Fatal err...
- Winwebmail能发邮件不能收邮件的解决方法
- 中国境内ICP备案材料清单
- winwebmail邮件系统 v3.9.0.7中文破解版
- C盘空间不足怎么办?5种方法获得更多空间!
- 安全实用的应用迁移方法推荐!
- linux开启端口命令
- linux开启端口
- Linux怎么查看操作系统版本号
- linux centos中升级更新命令yum upgrade和yu...
- Linux下平滑升级nginx
- 50个最常用的Unix/Linux命令
- [分享]云服务器挂马清理实例
- 新手入门——部署一个网站需要准备什么
- 虚拟主机相关基础知识
- 从域名到网站,只需四步!
- 全国各省备案基本要求一览表
- 互联网网站如何备案?
- 域名的实名审核需要多久?
- 怎么在服务器绑定域名
- 快速添加域名解析
- 无法登录云服务器?
- Mysql安装出现的问题Building CXX object s...
- Linux面板7.9.0安装脚本
- linux旧版本如何升级成新版本
- 宝塔Linux面板最新自动磁盘挂载脚本,一键挂载数据盘到www目录...
- 如何在Linux中清除缓存(Cache)
- Linux用指令来释放缓存方法
- Linux清除系统缓存释放内存命令介绍
- 企业邮局域名解析设置
- 如何连接到远程windows服务器
- Webmeng 2022 V13.0.1 下载地址
- wap手机网页html通过特殊链接:打电话,发短信,发邮件详细教程
- Webmeng分类导航标签,模板
餐厅介绍
自助餐厅
用户评论