css - 移动设备上覆盖默认视频播放按钮的CSS

Question

在 html5 视频播放器中，我如何使用 css 在 iPhone 等移动设备上的默认视频播放按钮前面覆盖或浮动带有可点击链接的图像？

Answer 1

您将需要使用媒体查询来定位适合您希望看到新按钮的设备的屏幕宽度。display: none;在默认按钮的媒体查询中应用 css 。为新按钮制作完全独立的 HTML，并display: block;为新媒体查询下的新按钮制作它。

然后对于大于您的手机尺寸的屏幕的媒体查询与上述相反，制作默认按钮display: block;和新按钮display: none;