Творческая мастерская Ваш WEB стиль. Разработка и дизайн сайтов
WEB-Дизайн | Создание сайтов | 3D графика
Всегда на связи:

Как вставить видео youtube?

Как вставить видео с ютуба на сайт html или любой другой сайт?
YouTube уже давно предусмотрел возможность вставки видео в любые сайты. Для этого необходимо под видео, перейти в раздел «поделиться» и выбрать пункт «встроить».
Полученный код, необходимо вставить в нужное место сайта.

Пример кода:


<iframe width="560" height="315" src="https://www.youtube.com/embed/NmuOUiiaewE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Код имеет ряд параметров, которые можно настроить.
width="560" height="315" из примера будут отвечать за ширину и высоту.
А allow="autoplay", за запуск видео при загрузке страницы (Автостарт).

Подробнее о каждом параметре, читайте в руководстве YouTube video, в нем есть много интересных моментов, которые позволят настроить видео под нужды вашего сайта.

Как вставить видео с ютуба с нужной минуты?

Для выполнения этой задачи, используем два параметра "start" и "end". Оба параметра задаются в секундах. Код при этом станет таким:


<iframe width="560" height="315" src="https://www.youtube.com/embed/NmuOUiiaewE?start=100&end=250" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Добавление кода ?start=100& end=250, означает, что на сайте будет выводиться отрезок видео с 100 по 250 секунды. При этом видео не будет обрезано, просто его воспроизведение закончится в указанной секунде.

Творческая мастерская Ваш WEB стиль. Разработка и дизайн сайтов
Закрыть форму
Спасибо. Ваше сообщение отправлено

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