社区
HTML5
帖子详情
H5 video标签 播放层级很高,大神们怎么解决?
qq_22664107
2016-06-15 06:24:19
我用h5的video标签在手机网页上写了一个视频,但是点开视频之后(视频放大),再退回(视频缩小),这时视频每次都固定在业面上,不会随着页面的滚动而移动。我想让视频随着页面的滚动而移动,该怎么办啊??(感觉像是视频的层级高,但是不知道怎么解决?)
...全文
18877
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
微信内置浏览器
video
标签
自动全屏
播放
以及
层级
过
高
问题
标签
做微信内置浏览器视频
播放
页面时,需要在视频
层级
上显示类似弹幕的对话。发现部分机型(华为P40 pro,oppo reno,iphone7p)上点击
播放
视频后,视频自动全屏
播放
,页面其他元素无法显示。探索良久,找出如下
解决
...
video
微信
标签
层级
过
高
_微信内置浏览器
video
标签
自动全屏
播放
以及
层级
过
高
问题...
今天事用html5的
标签
做微信内置浏览器视频
播放
页面时,需要在视频
层级
上显示类似弹幕的对话。发现部分机型(华为P40 pro,oppo reno,iphone7p)上点击
播放
视频后,视频自动全屏
播放
,页面其他元素无法显示。探索良久,...
html5页面一直置于顶层,【前端】html5
video
在安卓大部分浏览器包括微信最顶层的问题...
做过移动端
video
的人应该都知道这个bug吧,然后呢,发现一个网站,居然能躲过这个bug,链接为:http://hyrz.qq.com/act/a20160113muyecun/index.html?from=timeline&isappinstalled=0&hydir=2&用抓包看...
html安卓手机
播放
视频隐藏控件,
video
经测试还不支持移动端自动
播放
的 vue-
video
-player也没办法...
说vue-
video
-player组件第一次总是不能自动
播放
的原因是,视频或音频的url赋值时必须使用this.playerOptions.src方法来进行切源,而不是this.playerOptions.sources[0].src。 (x)3. 说vue-
video
-player ...
记录--
H5
视频兼容性处理总结
最近在负责公司官网的开发,在
H5
播放
视频时,遇到很多兼容问题,所以总结下在
H5
播放
时,遇到的兼容性问题,并封装一个
Video
的组件,便于在
H5
使用。 测试 先来测试一下在不同的浏览器,
video
有什么兼容性的...
HTML5
39,087
社区成员
5,547
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章