對於 HTML5 視頻頁面的 mp4 視頻，播放/暫停等視頻控件不顯示在 android chrome 上

Question

我正在使用 HTML5 在瀏覽器上加載 mp4 視頻。 對於所有桌面瀏覽器，視頻控件顯示沒有任何問題，但對於我的 Android 手機，當我在 Chrome 瀏覽器上加載頁面時，我沒有獲得任何控件，例如播放/暫停、進度條等。

在搜索問題時，我開始知道這可能是由於 android 上的 chrome 瀏覽器使用的現代媒體控件造成的。

請建議。

在視頻標簽中，我已經在使用控件，但仍然無法在視頻頁面上看到控制按鈕。

實際結果當視頻在 android chrome 瀏覽器上播放時，視頻播放器上沒有播放/暫停按鈕

在 Android Chrome 瀏覽器上播放視頻時，應顯示預期結果播放/暫停按鈕。

Answer 1

通過使用以下 css 代碼的小實現，可以在 webkit 瀏覽器（即 android-chrome）的底部控制欄上實現播放/暫停按鈕——

video::-webkit-media-controls-play-button{ display: flex !important; }

經過一番研究，我來到了上面的實現，它對我來說非常有效。