Css在移动设备上覆盖默认视频播放按钮

Question

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

Answer 1

您需要使用媒体查询来定位适合您要查看新按钮的设备的屏幕宽度。对于 DEFAULT 按钮，在display: none;的媒体查询中应用css。为新按钮创建完全独立的HTML，并为新媒体查询下的新按钮设置display: block;。

然后，对于大于移动设备尺寸的屏幕的媒体查询与上面相反，请设置默认按钮display: block;和新按钮display: none;