191 lines
4.2 KiB
CSS
191 lines
4.2 KiB
CSS
@charset "UTF-8";
|
||
|
||
/****** @override 腾讯视频样式 ******/
|
||
|
||
/* 控制器主体 */
|
||
.tvp_controls {
|
||
height: 48px!important;
|
||
background-color: rgba(0, 0, 0, .6)!important;
|
||
}
|
||
|
||
.tvp_controls_hide .tvp_controls {
|
||
bottom: -48px!important;
|
||
}
|
||
|
||
/* 上次播放到xx，为你继续播放提示 */
|
||
.tvp_overlay_tips {
|
||
bottom: 48px!important;
|
||
background-color: transparent!important;
|
||
}
|
||
|
||
.tvp_controls_hide .tvp_overlay_tips {
|
||
bottom: 0!important;
|
||
}
|
||
|
||
/* 按钮 */
|
||
.tvp_btn_value {
|
||
background: none!important;
|
||
border: 0!important;
|
||
width: 20px!important;
|
||
height: 20px!important;
|
||
background-size: 134px 40px!important;
|
||
margin: 0px!important;
|
||
background-image: url(https://rescdn.qqmail.com/weread/cover/icon/WREpubMPVideo.png)!important;
|
||
}
|
||
|
||
.tvp_pause .tvp_btn_value {
|
||
background-position: 40px 0!important;
|
||
}
|
||
|
||
.tvp_play .tvp_btn_value {
|
||
background-position: 20px 0!important;
|
||
}
|
||
|
||
/* 预加载的滑块轨道 */
|
||
.tvp_time_loaded {
|
||
background-color: rgb(128, 128, 128)!important;
|
||
}
|
||
|
||
/* 已经播放过的滑块轨道 */
|
||
.tvp_time_current {
|
||
background-color: #fff!important;
|
||
}
|
||
|
||
.tvp_time_loaded, .tvp_time_current {
|
||
top: 0!important;
|
||
}
|
||
|
||
/* 时间显示器 */
|
||
.tvp_time_panel {
|
||
width: 100%!important;
|
||
}
|
||
|
||
/* 进度条 */
|
||
.tvp_time_total {
|
||
width: 58%!important;
|
||
left: 21%!important;
|
||
top: 23px!important;
|
||
height: 2px!important;
|
||
}
|
||
|
||
/* 滑块handle */
|
||
.tvp_time_handle {
|
||
top: -16px!important;
|
||
background-color: transparent!important;
|
||
background-size: 134px 40px!important;
|
||
background-image: url(https://rescdn.qqmail.com/weread/cover/icon/WREpubMPVideo.png)!important;
|
||
background-position: 90px 0!important;
|
||
}
|
||
|
||
.tvp_time_handle:after {
|
||
background: none!important;
|
||
}
|
||
|
||
/* 正在播放的时间和总时间： 00:05/03:06 */
|
||
.tvp_time_panel .tvp_time_panel_current,
|
||
.tvp_time_panel .tvp_time_panel_total {
|
||
font-size: 12px!important;
|
||
color: #fff!important;
|
||
position: relative!important;
|
||
top: -15px!important;
|
||
font-family: Helvetica!important;
|
||
}
|
||
|
||
/* 播放总时间 */
|
||
.tvp_time_panel .tvp_time_panel_total {
|
||
float: right!important;
|
||
}
|
||
|
||
/* 正在播放的时间和总时间的分割线 */
|
||
.tvp_time_panel .tvp_time_panel_split {
|
||
display: none!important;
|
||
}
|
||
|
||
/* 全屏按钮 */
|
||
.tvp_fullscreen_button button:before,
|
||
.tvp_fullscreen_button button:after,
|
||
.tvp_fullscreen_button .tvp_btn_value:before,
|
||
.tvp_fullscreen_button .tvp_btn_value:after {
|
||
display: none!important;
|
||
}
|
||
|
||
.tvp_fullscreen_button {
|
||
position: relative;
|
||
}
|
||
|
||
.tvp_fullscreen_button button {
|
||
background-image: url(https://rescdn.qqmail.com/weread/cover/icon/WREpubMPVideo.png)!important;
|
||
width: 20px!important;
|
||
height: 20px!important;
|
||
background-size: 134px 40px!important;
|
||
background-position: 60px 0!important;
|
||
display: block!important;
|
||
top: 50%!important;
|
||
left: 50%!important;
|
||
margin: -10px 0 0 -10px!important;
|
||
position:absolute!important;
|
||
}
|
||
|
||
/* 广告 */
|
||
.tvp_ads_go,
|
||
.tvp_app_download_onpause {
|
||
display: none!important;
|
||
}
|
||
|
||
/* 全屏的播放控制器 */
|
||
.tvp_overlay_play {
|
||
width: 100%!important;
|
||
height: 100%!important;
|
||
bottom: 0!important;
|
||
background-color: rgba(0, 0, 0, 0.6)!important;
|
||
}
|
||
|
||
.tvp_overlay_play .tvp_button_play {
|
||
background-color: transparent;
|
||
width: 40px!important;
|
||
height: 40px!important;
|
||
top: 50%;
|
||
left: 50%;
|
||
margin: -20px 0 0 -20px;
|
||
background-size: 134px 40px!important;
|
||
background-image: url(https://rescdn.qqmail.com/weread/cover/icon/WREpubMPVideo.png)!important;
|
||
background-position: 0px 0;
|
||
border: none!important;
|
||
}
|
||
|
||
/* 播放器按钮 */
|
||
.tvp_playpause_button,
|
||
.tvp_fullscreen_button {
|
||
width: 35px;
|
||
}
|
||
|
||
@media only screen
|
||
and (min-device-width : 375px)
|
||
and (max-device-width : 667px) {
|
||
/* iPhone6 尺寸 */
|
||
.tvp_time_total {
|
||
width: 60%!important;
|
||
left: 20%!important;
|
||
}
|
||
|
||
.tvp_playpause_button,
|
||
.tvp_fullscreen_button {
|
||
width: 40px!important;
|
||
}
|
||
}
|
||
|
||
@media only screen
|
||
and (min-device-width : 414px)
|
||
and (max-device-width : 736px) {
|
||
/* iPhone6P 尺寸 */
|
||
.tvp_time_total {
|
||
width: 64%!important;
|
||
left: 18%!important;
|
||
}
|
||
|
||
.tvp_playpause_button,
|
||
.tvp_fullscreen_button {
|
||
width: 50px!important;
|
||
}
|
||
}
|