html5 - chrome上的video控制条不同

Question

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

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

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

Answer 1

可能有一些原因导致：

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

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

3. 浏览器版本的不同

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

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

这是我 Chrome 60.0.3100.0（正式版本） （32 位）

下面是我缩小屏幕后，审查代码的效果

可以具体看看shadow dom 里那些隐藏了