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

2 ноября 2014 г. Просмотров: 345 Инструкции
Чтобы разнообразить оформление отдельных постов на своем блоге, веб-мастер чаще всего дополняет уже существующий материал видеозаписью с портала YouTube. Это сделать довольно просто, если использовать стандартные инструменты вашей платформы.

Вам понадобится

  • Сайт на блог-платформе WordPress.

Инструкция

  • Прежде всего вам необходимо перейти на портал видеороликов YouTube и произвести поиск нужного материала.
    Просмотрите его и, если он удовлетворяет всем вашим требованиям, переведите курсор на ряд кнопок под flash-объектом. Нажмите кнопку «Отправить».
  • В блоке «Ссылка на это видео» появится строка, выделенная синим маркером. Этой ссылкой можно воспользоваться в социальных сетях, но для своего сайта необходимо сгенерировать html-код. Для этого нажмите кнопку «Встроить».
  • Далее нужно активировать опцию «Использовать старый код» и «Показать рекомендуемые расширения», т.к. новый вид вставки видеоматериалов предполагает наличие небольшого фрейма. Не все шаблоны на текущий момент поддерживают вставку через этот фрейм, поэтому во избежание некорректного отображения рекомендуется использовать эти опции.
  • Ниже вам потребуется выбрать подходящее разрешение видеоролика для отображения на страницах вашего сайта. Желательно выбрать средний формат, а потом в настройках его можно уменьшить либо увеличить, в зависимости от шаблона Wordpress.
  • В прямоугольном блоке появится код видео, выделите его, нажав сочетание клавиш Ctrl + A, и скопируйте при помощи сочетания Ctrl + C. Теперь откройте свой блог и перейдите к панели администратора. Для этого допишите к адресу сайта /wp-admin либо нажмите кнопку «Консоль» на верхней панели серого цвета.
  • Перейдите к разделу «Записи» и выберите пункт «Добавить новую». По умолчанию откроется визуальный редактор, но вам нужен только html-редактор. Открывается он кликом на второй вкладке текущего редактора.
  • Осталось вставить код, нажав сочетание клавиш Ctrl + V, и перейти к вкладке «Визуально», чтобы просмотреть полученный результат (как будет выглядеть на сайте). Нажмите кнопку «Опубликовать», чтобы сохранить все изменения в добавленном материале.
  • Оцените статью!