Код вставки видео на сайт

Часто у контентщиков и веб-мастеров возникает необходимость вставить видео-фрагмент с ютуба в произвольное место сайта

В нашем случае пойдёт речь о адаптивном видео, которое будет менять свою ширину, в зависимости от устройства, будь то ПК, мобильный или планшет.


<style>
.video {position:relative;padding-bottom:56.25%;/*пропорции видео 16:9 */padding-top:25px;height:0;}
.video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
</style>
<div class="video"><iframe src="https://www.youtube.com/embed/ВАШЕ_ВИДЕО" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

Где ВАШЕ_ВИДЕО нужно заменить символьным кодом видеоролика, который можно взять из адресной строки браузера без символов “=” или “&”, которыми оно чаще всего и ограничено

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

Добавить комментарий