【问题标题】:Css of override default video play button on mobile devices移动设备上覆盖默认视频播放按钮的CSS
【发布时间】:2013-02-01 14:30:54
【问题描述】:

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

【问题讨论】:

    标签: css html mobile video html5-video


    【解决方案1】:

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

    然后对于大于您的手机尺寸的屏幕的媒体查询与上述相反,将默认按钮设置为display: block;,并将新按钮设置为display: none;

    【讨论】:

    • 默认按钮的css是什么? .default_button { display: none} 它必须是特定的。
    • @Jackson_Sandland ,如果您有问题,请提出新问题 m8。 IDK 视频播放器的默认 CSS,但您可以通过检查元素找出它。