Добрый день. Раньше вставлял видео из ютуба и меня все устраивает. Сейчас хочу вставлять видео из облака с прямой ссылкой на файл мп4. Видео вставляется на сайт в виде картинки превью, когда я на эту картинку нажимаю всплывает видео по верх сайта с затемнением (крупно но не во весь экран.) Видео адаптивное и проигрывается на всех устройствах. В функционале, (плей пауза, звук, громкость, на весь экран) Закрыть можно нажав крести/кнопка назад/ нажать на пустое место.
Сайт -конструктор креатиум.
там мне предложили так, но это топорно и не адоптивно
<iframe width="395" height="700" src="
или
<div class="video-container">
<iframe src="
" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<style>
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>