css 修改Soliloquy Video Slides的默认播放图标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 修改Soliloquy Video Slides的默认播放图标相关的知识,希望对你有一定的参考价值。

.soliloquy-container .soliloquy-video-icon { 
  background-image: url('http://www.example.com/image.png') !important; 
  background-size: 50% 50% !important; 
}

/* Retina version */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2 / 1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx) {
  .soliloquy-container .soliloquy-video-icon { 
    background-image: url('http://www.example.com/image@2x.png') !important; 
    background-size: 50px 50px !important; 
  }
}

以上是关于css 修改Soliloquy Video Slides的默认播放图标的主要内容,如果未能解决你的问题,请参考以下文章

css 修改Soliloquy Lightbox风格

css soliloquy滑块的居中标题

css 添加覆盖Soliloquy滑块一部分的图像

修改video标签自带按钮的默认样式

videojs怎么获取帧数和时间

videojs使用技巧