.dplayer { position: relative; overflow: hidden; user-select: none; line-height: 1; * { box-sizing: content-box; } svg { width: 100%; height: 100%; path, circle { fill: #fff; } } &:-webkit-full-screen { width: 100%; height: 100%; background: #000; position: fixed; z-index: 100000; left: 0; top: 0; margin: 0; padding: 0; transform: translate(0, 0); } &.dplayer-no-danmaku { .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box { .dplayer-setting-showdan, .dplayer-setting-danmaku, .dplayer-setting-danunlimit { display: none; } } .dplayer-controller .dplayer-icons .dplayer-comment { display: none; } .dplayer-danmaku { display: none; } } &.dplayer-live { .dplayer-time { display: none; } .dplayer-bar-wrap { display: none; } .dplayer-setting-speed { display: none; } .dplayer-setting-loop { display: none; } &.dplayer-no-danmaku { .dplayer-setting { display: none; } } } &.dplayer-arrow { .dplayer-danmaku { font-size: 18px; } .dplayer-icon { margin: 0 -3px; } } &.dplayer-playing { .dplayer-danmaku .dplayer-danmaku-move { animation-play-state: running; } @media (min-width: 900px) { .dplayer-controller-mask { opacity: 0; } .dplayer-controller { opacity: 0; } &:hover { .dplayer-controller-mask { opacity: 1; } .dplayer-controller { opacity: 1; } } } } &.dplayer-loading { .dplayer-bezel .diplayer-loading-icon { display: block; } } &.dplayer-loading, &.dplayer-paused { .dplayer-danmaku, .dplayer-danmaku-move { animation-play-state: paused; } } &.dplayer-hide-controller { cursor: none; .dplayer-controller-mask { opacity: 0; transform: translateY(100%); } .dplayer-controller { opacity: 0; transform: translateY(100%); } } &.dplayer-show-controller { .dplayer-controller-mask { opacity: 1; } .dplayer-controller { opacity: 1; } } &.dplayer-fulled { position: fixed; z-index: 100000; left: 0; top: 0; width: 100% !important; height: 100% !important; } &.dplayer-mobile { .dplayer-controller .dplayer-icons { .dplayer-volume, .dplayer-camera-icon, .dplayer-airplay-icon, .dplayer-chromecast-icon, .dplayer-play-icon { display: none; } .dplayer-full .dplayer-full-in-icon { position: static; display: inline-block; } } .dplayer-bar-time { display: none; } &.dplayer-hide-controller { .dplayer-mobile-play { display: none; } } .dplayer-mobile-play { display: block; } } } // To hide scroll bar, apply this class to .dplayer-web-fullscreen-fix { position: fixed; top: 0; left: 0; margin: 0; padding: 0; }