文章详情页
html5 - chrome上的video控制条不同
浏览：292日期：2022-12-08 15:37:55
问题描述
同样是用video标签，我自己的网页上的控制条是这样的，少了全屏和总时间
但我看了下秒拍的，也没做什么处理，按钮是全的
给缺的那几个按钮添加样式确实可以调出来，但是同样是没有任何处理，为什么按钮都不一样
问题解答
回答1：可能有一些原因导致：
除了下载按钮，都可以通过css隐藏的，你可以检查一下你的css代码是否有这些操作。
视频格式的不同也会导致显示不一样，m3u8就不会显示总时长。
浏览器版本的不同
和页面当前的宽度有关，部分按钮会被浏览器隐藏
你可以审查元素，具体比较video标签上是否有不同的属性
这是我 Chrome 60.0.3100.0（正式版本） （32 位）
下面是我缩小屏幕后，审查代码的效果
可以具体看看shadow dom 里那些隐藏了
标签：
Html5
相关文章：
1. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？2. 如何解决docker宿主机无法访问容器中的服务？3. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？4. 老师，flex-shrink: 1; 按视频操作，不会自动缩放5. docker镜像push报错6. docker api 开发的端口怎么获取？7. mysql - phpMyAdmin无法导入数据8. 如何设置一个无限循环并打破它。（Java线程）9. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。10. css3 - 微信前端页面遇到的transition过渡动画的bug
排行榜
网公网安备