html5 - Chrome ではビデオ コントロール バーが異なります

Question

同じビデオ タグが使用されています。私自身の Web ページのコントロール バーは次のようになります。全画面表示と合計時間はありません。

しかし、私は 2 番目のショットを見て、何も対処しませんでした。ボタンはすべて

でした。

欠落しているボタンにスタイルを追加することは確かに可能ですが、処理はありません。ボタンが異なるのはなぜですか?

Answer 1

いくつかの理由が考えられます:

1. ダウンロードボタンを除いて、すべてをCSSで非表示にすることができます。CSSコードにこれらの操作があるかどうかを確認できます。

2. ビデオ形式が異なると表示に違いが生じ、m3u8 では合計時間が表示されません。

3. ブラウザのバージョンの違い

4. これはページの現在の幅に関連しており、一部のボタンはブラウザによって非表示になります

5. 要素を検査し、ビデオタグに異なる属性があるかどうかを具体的に比較できます

これは私の Chrome 60.0.3100.0 (正式バージョン) (32 ビット) です

以下は、画面をズームアウトした後にコードを確認した結果です

シャドウダムに何が隠されているかを具体的に確認できます