.t1u3d.videoview {
|
background-repeat: no-repeat;
|
background-size: cover;
|
width: 100%;
|
height: 100%;
|
}
|
|
|
.t1u3d .pusher-box,
|
.t1u3d .player-caster-box {
|
position: relative;
|
display: block;
|
overflow: hidden;
|
width: 100vw;
|
height: calc(100vw * 9/16);
|
text-align: center;
|
vertical-align: top;
|
margin-bottom: 1vw;
|
}
|
|
.t1u3d .player-caster-box .player-caster-item {
|
width: 100%;
|
height: 100%;
|
}
|
|
|
.t1u3d live-pusher {
|
width: 100%;
|
height: 100%;
|
}
|
|
.t1u3d .player-box {
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.t1u3d .player-box .player-item,
|
.t1u3d .player-box .pusher-item {
|
position: relative;
|
overflow: hidden;
|
flex: 1;
|
height: calc(100vw/3 - 2vw/3);
|
text-align: center;
|
vertical-align: top;
|
}
|
|
.t1u3d .player-box .player-item:nth-of-type(2) {
|
margin: 0 1vw;
|
}
|
|
.t1u3d .poster {
|
position: absolute;
|
width: 100%;
|
height: 100%;
|
background-color: #000;
|
opacity: 0.55;
|
}
|
|
.t1u3d .set {
|
position: absolute;
|
width: 32px;
|
height: 56px;
|
top: 50%;
|
left: 50%;
|
margin: -28px 0 0 -16px;
|
}
|
|
.t1u3d live-player {
|
width: 100%;
|
height: 100%;
|
}
|
|
.t1u3d .character {
|
position: absolute;
|
left: 0;
|
bottom: 0;
|
font-size: 16px;
|
color: #999;
|
width: 100%;
|
height: 10vw;
|
line-height: 10vw;
|
text-align: left;
|
}
|
|
.t1u3d .loading {
|
position: absolute;
|
width: 100%;
|
height: 100%;
|
}
|
|
.t1u3d .loading cover-image {
|
position: absolute;
|
top: calc(50% - 15px);
|
left: calc(50% - 15px);
|
width: 30px;
|
height: 30px;
|
}
|
|
.t1u3d .player-sound {
|
position: absolute;
|
width: 8vw;
|
height: 8vw;
|
right: 0;
|
bottom: 0;
|
}
|
|
.t1u3d .player-camera {
|
position: absolute;
|
width: 8vw;
|
height: 8vw;
|
right: 0;
|
bottom: 12vw;
|
}
|
|
.t1u3d .dis-camera-bg {
|
position: absolute;
|
width: 100%;
|
height: 100%;
|
background: #000;
|
}
|
|
.t1u3d .dis-camera-bg cover-image{
|
position: absolute;
|
width: 50%;
|
height: calc(var(--width));
|
left: 50%;
|
top: 50%;
|
transform: translateX(-50%) translateY(-50%);
|
}
|
