Question

Использую встраивание видео в каталоге файлов, при помощи поля $SOURCE_URL$.

Ссылки на видео выглядят следующим образом: https://youtu.be/9bZkp7q19f0 (через кнопку поделиться).

Все видео на сайте подключены следующим образом (через функцию в админ-баре):

<script src="/media/?t=video;w=525;h=350;f=$SOURCE_URL$" type="text/javascript"></script>

Подскажите пожалуйста, как сделать адаптивными размеры видео, которые я выделил жирным?

 

Answer 1

если скрипт не сломается, то

w=100%;h=auto;

 

легче конечно стандартным ютубовским ифреймом ставить. строчка стилей и все будет выглядеть красиво

Comments

Сломалось, но я нашел решение: обернул скрипт в   <div class="myvideo">...</div>  

И прописал стили  

.myvideo { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; } .myvideo iframe,.myvideo object,.myvideo embed { position:absolute; top:0; left:0; width:100%; height:100%; }