html5 – Videosteuerleiste anders in Chrome

Question

Es wird das gleiche Video-Tag verwendet. Die Steuerleiste auf meiner eigenen Webseite sieht so aus, ohne Vollbild und Gesamtzeit

Aber ich habe mir den zweiten Schuss angesehen und nichts dagegen unternommen. Die Knöpfe sind alle

Es ist zwar möglich, den fehlenden Schaltflächen Stile hinzuzufügen, es erfolgt jedoch keine Verarbeitung. Warum sind die Schaltflächen unterschiedlich?

Answer 1

可能有一些原因导致：

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

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

3. 浏览器版本的不同

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

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

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

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

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