社区
HTML5
帖子详情
H5 video标签 播放层级很高,大神们怎么解决?
qq_22664107
2016-06-15 06:24:19
我用h5的video标签在手机网页上写了一个视频,但是点开视频之后(视频放大),再退回(视频缩小),这时视频每次都固定在业面上,不会随着页面的滚动而移动。我想让视频随着页面的滚动而移动,该怎么办啊??(感觉像是视频的层级高,但是不知道怎么解决?)
...全文
22565
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的双层架构实战方案,实现完全可控的z-index与完整的HTML5
Video
API功能,适用于App与
H5
端的
高
阶视频
播放
需求。
vue使用
video
添加静音自动
播放
,再添加controls属性会导致它的
层级
变的很
高
?
这是在视频上方的遮罩层
150-200毫秒超低延迟RTSP
H5
播放
web
播放
解决
方案
liveweb具备较强的灵活性,在视频直播过程中liveweb可通过
H5
进行视频解码,只要客户端支持
H5
,就能完美进行视频的无插件直播,同时还支持大码率视频直播,并可支持H.264、H.265两种编码格式。如果大家正在找寻一款供能强大的流媒体
播放
器,那么liveweb将会是一个不错的选择,我们也欢迎大家的了解和试用
uniapp中
video
播放
视频上按钮没显示的问题
video
标签
层级
很
高
,尝试了添加z-index,但无效果通过查阅资料,得知cover-view
层级
比
video
层级
高
。
H5
语义化
标签
前端项目还在大片使用div+css来构建页面的时候,可读性极低,也导致维护成本很
高
,所以有了语义化
标签
。 下面从例子中总结语义化
标签
的意义。 比较
标签
:<b>VS<strong> <i>VS<em> 首先两组
标签
在页面中的呈现都是相同的效果,第一组显示出来都是文本加粗,第二组则都是显示为斜体,那到底有什么不同呢? <b>与<...
HTML5
43,738
社区成员
5,567
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章