yl-bud
Version:
63 lines (62 loc) • 1.15 kB
CSS
.video {
position: relative;
width: 100%;
height: 100%;
}
.video .js-video {
width: 100%;
z-index: 1;
position: relative;
height: 100%;
}
.video .js-video video {
width: 100%;
height: 100%;
object-fit: fill;
background-size: cover;
background-position: center center;
z-index: 1;
position: relative;
}
.video .js-video .playPause {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
display: block;
width: auto;
width: 1.6rem;
height: 1.6rem;
border-radius: 0.8rem;
margin: -0.8rem 0 0 -0.8rem;
background: rgba(0, 0, 0, 0.3);
text-align: center;
cursor: pointer;
color: #ffffff;
line-height: 1.6rem;
font-size: 0.98666667rem;
padding-left: 0.18666667rem;
box-sizing: border-box;
}
.video .text {
padding: 0.4rem;
}
.video .text h3 {
font-size: 0.45333333rem;
font-weight: bold;
margin-bottom: 0.26666667rem;
}
.video .text .cp_info {
display: -webkit-box;
}
.video .text .cp_info img {
width: 0.48rem;
height: 0.48rem;
margin-right: 0.14666667rem;
border-radius: 0.24rem;
overflow: hidden;
}
.video .text .cp_info p {
font-size: 0.32rem;
color: #999999;
}