/* Fix the player container to take up 100% width and to calculate its height based on its children. */
[data-player] {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

/* Fix the video container to take up 100% width and to calculate its height based on its children. */
[data-player] .container[data-container] {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
}

/* Fix the media-control element to take up the entire size of the player. */
[data-player] .media-control[data-media-control] {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

/* Fix the video element to take up 100% width and to calculate its height based on its natural aspect ratio. */
[data-player] video {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}