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

Доброго времени! Как вставить видео на сайт с  видеохостингов, я уже рассматривала на страница своего ресурса в статье Вордпресс: как добавить видео и аудио файлы. В сегодняшней статье предлагаю вариант, как вставить видео без панели управления и полосы прокрутки

Vstavit_s_YouTube

 

Такая установка видео необходима для подписных и продающих страниц, когда нужно:
1) видео вставить без панели управления;
2) чтобы не отображалось название видео в верхней части видео
3) отсутствовала «прокрутка» —  функции проигрывателя
4) чтобы не показывало похожие видео после завершения просмотра
5)  настроить свои размер отображаемого видео
6) включить автоматическое воспроизведение  видео на странице

YouTube_podelitsyaДля настройки первых 5-х пунктов, нам достаточно взать «правильный» код на YouTube.

Для этого переходим, на нужный вам видео ролик. Внизу видео, под его названием и автором, находим ссылку поделиться. Это обычная процедура встраивания видео с помощью HTML-кода.

YouTube_HTML-kod

 В данном случаем нам этого не достаточно. Смотрим ниже под окошечко с HTML-кодом. Видим вкладку «ЕЩЁ», при нажатии на которую, разворачивается предварительный просмотр встраиваемого видео.

Predvaritelnui_prosmotr_videoЧтобы настроить необходимый вам размер и не нарушить пропорции воспроизводимого видео, во вкладке «Размер видео» — выбираем — «Другой размер».

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

Чтобы убрать панель управления и функции проигрывателя, нам нужно убрать галочки в верхних 3-х чек-боксах (отмечено красной рамкой)YouTube_HTML-kod1

Если необходимо включить режим повышенной конфиденциальности, то в соответствующем чек-боксе оставляем галочку (отмечено синей рамкой)

Мы настроили отображение встраиваемого видео без панели управления, без названия видео и без функций проигрывателя. Если нам не нужно автовоспроизведение ролика, то копируем HTML-код (отмечено зеленой рамкой)  и встраиваем его в нужную страницу. Для этого переходим в раскладку «ТЕКСТ» и встраиваем видео на страницу:

raskladka_text

Если нужно автовоспроизведение видео, то в конец ссылки необходимо добавить &autoplay=1. Именно в конец ссылки, а не всего HTML-кода, см. скрин ниже.

YouTube_autoplay

Пример встроенного видео без прокрутки, названия и функций проигрывателя здесь >>>>> (авто воспроизведение не подключено)

С уважением, Ольга Батырева.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *