ComunicWeb/assets/templates/components/mediaPlayer.html

43 lines
710 B
HTML
Raw Permalink Normal View History

2021-03-06 10:19:17 +00:00
<!-- media player template -->
2021-03-06 10:09:59 +00:00
<style>
2021-03-06 10:19:17 +00:00
.media-player {
2021-03-06 10:09:59 +00:00
position: fixed;
width: 100%;
height: 100%;
background-color: #000000a3;
top: 0px;
left: 0px;
z-index: 1030;
display: flex;
justify-content: center;
align-items: center;
}
2021-03-06 10:19:17 +00:00
.media-player div {
2021-03-06 10:09:59 +00:00
display: flex;
align-items: center;
flex-direction: column;
}
2021-03-06 10:19:17 +00:00
.media-player .close {
2021-03-06 10:09:59 +00:00
color: white;
margin: 20px;
opacity: 1;
text-shadow: unset;
font-weight: unset;
}
2021-03-06 10:19:17 +00:00
.media-target * {
max-width: 100%;
max-height: 100%;
}
2021-03-06 10:09:59 +00:00
</style>
2021-03-06 10:19:17 +00:00
<div class="media-player">
2021-03-06 10:09:59 +00:00
<div>
2021-03-06 10:19:17 +00:00
<div class="media-target"></div>
2021-03-06 10:09:59 +00:00
<p class="close a">tr("Close")</p>
</div>
</div>