Вставить Youtube/Vimeo #2397

Шаг 1

Чтобы разместить на странице видео поставьте курсор в позицию, где будет расположен ролик и на рабочей панели нажмите кнопку "Вставить видео"

phpn1geSH

Шаг 2

В открывшемся окне укажите ссылку на видео или embed код

phpsIZurN

Тут же Вы можете указать размеры окна видео в пикселях:

  • Width - ширина окна видео.
  • Height - высота окна видео.

phpxWosSl

В конце не забудьте нажать "Ок".

Альтернативный вариант вставки через HTML-код

Кроме того, Вы можете вставить видео посредством HTML-кода. Для этого откройте нужное Вам видео на youtube.com и нажмите на вкладку, расположенную под видео - "Поделиться".

php72e8wg

В раскрывшемся окне нажмите на кнопку "Встроить".

phpjkFLxO

Затем снова "Встроить" в блоке "Отправить ссылку".

phpS4i2mS

Перед копированием кода видео Вы можете настроить то, как видеоролик будет отображаться у Вас на сайте. В блоке настроек Вы сможете:

  • Задать начало ролика - если Вы хотите, чтобы видео запускалось не с начала, а с определенного времени, отметьте данную галочку и укажите в поле рядом время, с которого должен стартовать ролик (например, чтобы видео начиналось с 30-ой секунды, в поле стоит указать "0:30").
  • Включить вывод панели управления - в окне просмотра видео посетителю будут доступна панель управления (нижняя панель, где располагаются кнопки паузы, громкости, качества видео и пр.).
  • Включить режим повышенной конфиденциальности - если включить этот режим, YouTube будет сохранять информацию о посетителях Вашей веб-страницы, только если они посмотрят ролик.

php0YDL18

После того как Вы настроите видео, скопируйте содержимое поля с помощью кнопки "Копировать".

phpv1bu0M

В рабочей области редактора нажмите кнопку редактирования HTML. В открывшееся окно вставьте скопированный код. 

phprwOxE1

Обратите внимание!

  • Вы можете изменить размеры видео в скопированном коде. Для этого измените значения параметров "width" и "height" в пикселах (иными словами, поменяйте в коде значения следующим образом width="укажите тут ширину видео" height="укажите тут высоту видео").

phpYtpuaH

Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий