Иногда бывает необходимо вставить видео с YouTube на странице сайта или в сайдбаре. Как вставить видео на сайт мы рассмотрим на примере сайта на движке WordPress.

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

Так Вы экономите место на хостинге, которое не бесплатно, а Ваш канал на YouTobe получит новый ролик.

После того как Вы подберете видео для сайта и убедитесь, что автор ролика не против его встраивания на Ваш сайт,

rull

кликая последовательно по кнопкам «Поделиться», «HTML-код» и «ЕЩЁ»

rull1

Мы увидим окно предварительного просмотра видео и его настроек.

rull2

Здесь можно подобрать размер проигрывателя, или задать свой собственный. Если задаете собственный размер, старайтесь ширину и высоту проигрывателя изменять пропорционально.

Снимая галочки можно убрать черную полосу сверху с названием видео и функциями проигрывателя. Убрать панель управления проигрывателем. Так же можно убрать рекламу на похожие видео в конце ролика.

Избавиться от всей рекламы и логотипов Вам не удастся. Для этого нужны специальные программы. Но и это уже кое что.

После того как Вы оптимизируете выбранное видео, копируйте html-код вверху над роликом. Заходите в консоль WordPress, открываете запись в редакторе WordPress.

Редактор WordPress имеет две вкладки «Визуально» и «Текст». Переходите на вкладку «Текст». Находите место вставки видео и вставляете туда html-код. Возвращаетесь на вкладку «Визуально». Там должен появиться Ваш проигрыватель, обозначенный серым цветом. Обновляете запись, переходите на сайт и смотрите видео у себя на сайте.

Для того чтобы вставить видео в сайдбар, в консоли WordPress находим «Внешний вид», «Виджеты». Здесь находим виджет «Текст». Захватив его левой кнопкой мыши, перетаскиваем в сайдебар.

В открывшееся поле вставляем наш html-код и нажимаем кнопку «Сохранить». Если нужно, в поле «Заголовок» пишем заголовок. Все, видео в сайдбаре. Можете переходить на сайт и смотреть.

Ну а если Вам в сайдебаре к видео нужно написать какой-то текст, это можно сделать. Сверху или снизу html-кода, там, где это Вам нужно, располагаете тег <P>Текст</p> и внутри него пишите текст.

Ну, а если Вам знакомы таблицы CSS, тогда тегу <p> можно прописать стили. Т.е. окрасить текст, сделать его наклонным, жирным…

HTML5 с помощью тега <video> и его атрибутов тоже позволяет вставить видео на сайт. Но, пока не все браузеры понимают новые теги. Да и видео придется закачивать на хостинг, а это потеря дискового пространства.

Поэтому экономнее всего разместить видео на одном из видео сервисов, а на сайте, указанным выше способом, дать на него ссылку.

Удачи Вам.

рассказать друзьям и получить подарок