社区
HTML5
帖子详情
H5 video标签 播放层级很高,大神们怎么解决?
qq_22664107
2016-06-15 06:24:19
我用h5的video标签在手机网页上写了一个视频,但是点开视频之后(视频放大),再退回(视频缩小),这时视频每次都固定在业面上,不会随着页面的滚动而移动。我想让视频随着页面的滚动而移动,该怎么办啊??(感觉像是视频的层级高,但是不知道怎么解决?)
...全文
22529
12
打赏
收藏
H5 video标签 播放层级很高,大神们怎么解决?
我用h5的video标签在手机网页上写了一个视频,但是点开视频之后(视频放大),再退回(视频缩小),这时视频每次都固定在业面上,不会随着页面的滚动而移动。我想让视频随着页面的滚动而移动,该怎么办啊??(感觉像是视频的层级高,但是不知道怎么解决?)
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
12 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
ft039x
2020-03-13
打赏
举报
回复
x5-video-player-type="h5-page" 注意x5-playsinline webkit-playsinline playsinline x-webkit-airplay="true"都不要乱加 加了反而起不到预期的效果
ft039x
2020-03-13
打赏
举报
回复
x5-video-player-type="h5-page"
qq_36406328
2020-02-26
打赏
举报
回复
*小雪
2017-11-06
打赏
举报
回复
这个怎么解决啊
moddx
2017-07-24
打赏
举报
回复
1
最近公司做小程序,也遇到了这个问题,说一下我的解决方法。 1 和video同层级加一个view,设置该view的高度和video高度一样,并且将video隐藏(display:none) 2 在view上绑定事件,当tap的时候,控制样式(display: block)即可。 3 当播放完成后,监控播放完毕事件,并将video再次隐藏。 这是大体思路,具体实现细节,请参找相关文档。
Pimi
2017-06-25
打赏
举报
回复
楼主,问题有解决么
业余草
2017-03-08
打赏
举报
回复
业余草
CODE大全
你看看腾讯的源码就知道了。
http://sports.qq.com/a/20170308/021191.htm
翔龙子云
2017-03-08
打赏
举报
回复
老生常谈,!!
scofield6666
2017-03-07
打赏
举报
回复
在需要显示遮盖视频框video的时候 给div设置 宽 高、overflow:hidden;将video放到上面的div里,并设置position:absolute;top:-100000px; 给置出去div,它就看不见了 在需要显示video时,再设置回position和top的值就行了 我测试了,可以用,我在手机端就这么用的
qq_35174489
2016-09-09
打赏
举报
回复
搂主,你这个问题怎么解决的?
qq_22664107
2016-06-21
打赏
举报
回复
我是想让他移动的
萨拉嘿
2016-06-17
打赏
举报
回复
使用绝对定位 position:fixed
uniapp视频组件避坑指南:如何用原生
video
标签
解决
层级
过
高
问题
本文详解如何在uni-app中绕过内置
video
组件,通过RenderJS桥接机制操作原生HTML5
video
标签
,
解决
iOS/Android端视频
层级
过
高
、z-index失效及功能受限等问题。重点涵盖跨层通信架构、DOM安全操作、性能优化、多端兼容处理及
播放
控制扩展,适用于App和
H5
端,不适用于小程序。
vue使用
video
添加静音自动
播放
,再添加controls属性会导致它的
层级
变的很
高
?
在Vue项目中使用
video
实现静音自动
播放
时,添加controls属性会导致原生控件
层级
过
高
,覆盖页面其他元素。这是因为浏览器(尤其是移动端和X5内核)将原生控件渲染在
高
优先级层。可通过自定义控件或CSS创建新的层叠上下文来
解决
。
150-200毫秒超低延迟RTSP
H5
播放
web
播放
解决
方案
文章介绍了在浏览器中
播放
RTSP实时视频流的多种方案,包括浏览器插件、转码再转流、免插件
播放
器等,讨论了各自的优缺点、延迟问题、兼容性以及硬件加速的挑战。提到Liveweb和其他
解决
方案在低延迟、多路
播放
和浏览器兼容性方面的表现,强调了在选择技术方案时应考虑客户需求、成本、稳定性和安全性。
uniapp中
video
播放
视频上按钮没显示的问题
文章讲述了如何在
H5
页面中使用Vue进行直播视频的
层级
调整,以实现可选原画/流畅模式。通过配置pages.json和在模板中添加cover-view来显示清晰度选择,并处理navigationBarButtonTap事件进行切换。,
H5
语义化
标签
本文介绍了语义化
标签
的优势,包括提升SEO效果、便于其他设备解析、提
高
代码可读性和可维护性等,并列举了HTML5中常用的语义化
标签
及其应用场景。
HTML5
43,740
社区成员
5,567
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章