视频控件，例如播放/暂停不显示在 android chrome 上用于 HTML5 视频页面的 mp4 视频答案

【问题标题】：Video controls such as to play/pause not showing on android chrome for mp4 video for HTML5 video page视频控件，例如播放/暂停不显示在 android chrome 上用于 HTML5 视频页面的 mp4 视频
【发布时间】：2019-12-09 23:17:13
【问题描述】：

我正在使用 HTML5 在浏览器上加载 mp4 视频。对于所有桌面浏览器，视频控件显示没有任何问题，但对于我的 Android 手机，当我在 Chrome 浏览器上加载页面时，我没有获得任何控件，例如播放/暂停、进度条等。

在搜索问题时，我开始知道这可能是由于 android 上的 chrome 浏览器使用的现代媒体控件而发生的。

请提出建议。

在视频标签中，我已经将控件作为 true 使用，但仍然无法在视频页面上看到控件按钮。

实际结果 当视频在 android chrome 浏览器上播放时，视频播放器上没有播放/暂停按钮

预期结果 在 Android Chrome 浏览器上播放视频时应显示播放/暂停按钮。

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

通过使用以下 css 代码的小实现，在 webkit-browser（即 android-chrome）的底部控制栏上实现了播放/暂停按钮 --

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

经过一番研究，我完成了上述实现，它对我来说非常有效。

【讨论】：