文章详情页
html5 - chrome上的video控制条不同
浏览：154日期：2022-12-08 15:37:55
问题描述
同样是用video标签，我自己的网页上的控制条是这样的，少了全屏和总时间
但我看了下秒拍的，也没做什么处理，按钮是全的
给缺的那几个按钮添加样式确实可以调出来，但是同样是没有任何处理，为什么按钮都不一样
问题解答
回答1：可能有一些原因导致：
除了下载按钮，都可以通过css隐藏的，你可以检查一下你的css代码是否有这些操作。
视频格式的不同也会导致显示不一样，m3u8就不会显示总时长。
浏览器版本的不同
和页面当前的宽度有关，部分按钮会被浏览器隐藏
你可以审查元素，具体比较video标签上是否有不同的属性
这是我 Chrome 60.0.3100.0（正式版本） （32 位）
下面是我缩小屏幕后，审查代码的效果
可以具体看看shadow dom 里那些隐藏了
标签：
Html5
相关文章：
1. angular.js - angular内容过长展开收起效果2. dockerfile - 为什么docker容器启动不了？3. docker start -a dockername 老是卡住，什么情况？4. javascript - vue异步数据打印问题5. golang - 用IDE看docker源码时的小问题6. javascript - html 中select如何修改样式，鼠标悬浮时改变option样式，有没有插件啊7. html5 - 自己的H5页面如何集成支付宝支付8. javascript - weex和node,js到底是怎样一个关系呢？9. javascript - vue vue-router 报$router重复定义10. apache - 想把之前写的单机版 windows 软件改成网络版，让每个用户可以注册并登录。类似 qq 的登陆，怎么架设服务器呢？
排行榜
网公网安备