您的位置:首页技术文章
文章详情页

html5 - chrome上的video控制条不同

【字号: 日期:2022-12-08 15:37:55浏览:27作者:猪猪

问题描述

同样是用video标签,我自己的网页上的控制条是这样的,少了全屏和总时间

html5 - chrome上的video控制条不同

但我看了下秒拍的,也没做什么处理,按钮是全的

html5 - chrome上的video控制条不同

给缺的那几个按钮添加样式确实可以调出来,但是同样是没有任何处理,为什么按钮都不一样

问题解答

回答1:

可能有一些原因导致:

除了下载按钮,都可以通过css隐藏的,你可以检查一下你的css代码是否有这些操作。

视频格式的不同也会导致显示不一样,m3u8就不会显示总时长。

浏览器版本的不同

和页面当前的宽度有关,部分按钮会被浏览器隐藏

你可以审查元素,具体比较video标签上是否有不同的属性

这是我 Chrome 60.0.3100.0(正式版本) (32 位)html5 - chrome上的video控制条不同

下面是我缩小屏幕后,审查代码的效果html5 - chrome上的video控制条不同

可以具体看看shadow dom 里那些隐藏了html5 - chrome上的video控制条不同

标签: Html5
相关文章: