Написать простой код для вставки видео из облака

Добрый день. Раньше вставлял видео из ютуба и меня все устраивает. Сейчас хочу вставлять видео из облака с прямой ссылкой на файл мп4. Видео вставляется на сайт в виде картинки превью, когда я на эту картинку нажимаю всплывает видео по верх сайта с затемнением (крупно но не во весь экран.) Видео адаптивное и проигрывается на всех устройствах. В функционале, (плей пауза, звук, громкость, на весь экран) Закрыть можно нажав крести/кнопка назад/ нажать на пустое место.
Сайт -конструктор креатиум.
там мне предложили так, но это топорно и не адоптивно
<iframe width="395" height="700" src="storis.hb.ru-msk.vkcloud-...

или
<div class="video-container">
  <iframe src="storis.hb.ru-msk.vkcloud-..." 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>