stream-centre-player/dist/player.css

Dash.js wrapper for easy-peasy usage

#video-player {
}


.fullscreen-bg {
    background: black;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#codec-not-supported {
	color: white;
    text-align: center;
    margin-top: 33%;
    font-size: 60px;
}

.hidden {
	display: none;
}

.errors-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
}

    .errors-container .errors-list {
        margin: 0;
    }

    .errors-container .errors-list_item:first-child {
        margin-top: 5px;
    }

    .errors-container .errors-list_item {
        color: white;
        list-style: none;
        font-size: 18px;
        margin-bottom: 5px;
    }

        .errors-container .errors-list_item .close-btn {
            margin-right: 20px; 
            color: white;
            font-size: 20px;
            vertical-align: middle;
            background: transparent;
            border: 1px solid white;
            border-radius: 4px;
            cursor: pointer;
        }

        .errors-container .errors-list_item .close-btn:hover {
            background: rgba(255, 255, 255, 0.3);
        }

        .errors-container .errors-list_item .close-btn:active {
            box-shadow: 0px 0px 8px white;
        }

        .errors-container .errors-list_item .close-btn:focus {
            outline: 0;
        }