@charset “utf-8”;
html, body {
margin: 0;
width: 100%;
text-align: center;
background-color: #1a1a1a;
box-sizing: border-box;
overflow: hidden;
}
.smart-player-embed-container {
margin-left: auto;
margin-right: auto;
max-width: 1280px;
height: 0;
overflow: hidden;
padding-top: calc(720 / 1280 * 100%);
position: relative;
}
.smart-player-embed-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 1280px;
max-height: 720px;
}
.smart-player-embed-iframe:-ms-fullscreen {
max-width: 100%;
max-height: 100%;
}
@media screen and ( max-height: 720px )
{
.smart-player-embed-iframe {
max-height: 100vh;
}
}
https://civilengineering.blog/wp-content/uploads/2020/08/index_player-1.html