【发布时间】:2013-02-01 14:30:54
【问题描述】:
在 html5 视频播放器中,如何使用 css 在 iPhone 等移动设备的默认视频播放按钮前覆盖或浮动带有可点击链接的图像?
【问题讨论】:
标签: css html mobile video html5-video
在 html5 视频播放器中,如何使用 css 在 iPhone 等移动设备的默认视频播放按钮前覆盖或浮动带有可点击链接的图像?
【问题讨论】:
标签: css html mobile video html5-video
您将需要使用媒体查询来定位适合您希望看到新按钮的设备的屏幕宽度。在 DEFAULT 按钮的 display: none; 媒体查询中应用 css。为新按钮创建完全独立的 HTML,并将其设置为 display: block; 用于新媒体查询下的新按钮。
然后对于大于您的手机尺寸的屏幕的媒体查询与上述相反,将默认按钮设置为display: block;,并将新按钮设置为display: none;
【讨论】: