ComunicWeb/assets/templates/components/mediaPlayer.html

<!-- media player template -->

<style>
.media-player {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000a3;
    top: 0px;
    left: 0px;
    z-index: 1030;
    display: flex;
    justify-content: center;
    align-items: center;
}

.media-player div {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.media-player .close {
    color: white;
    margin: 20px;
    opacity: 1;
    text-shadow: unset;
    font-weight: unset;
}

.media-target * {
    max-width: 100%;
    max-height: 100%;
}
</style>

<div class="media-player">
    <div>
        <div class="media-target"></div>
        
        <p class="close a">tr("Close")</p>
    </div>
</div>