Обратная связь

Как встроить видео с Ютуб — ВордПресс — домохозяйкам! 23 июня 2015 г., 2: 01 Начнем с аксиомы: на страницу любого сайта можно встроить видео, расположенное на стороннем сервере, разрешающем трансляцию. Особенно удобно сделать это на сайте, работающем на ПО ВордПресс. Обсуждать и рекомендовать все существующие публичные видеохостинги нет смысла, поговорим только об одной реализации — о том, как встроить видео с Ютуб на наш сайт.

Как встроить видео с Ютуб — ВордПресс — домохозяйкам! 23 июня 2015 г., 2: 01 Начнем с аксиомы: на страницу любого сайта можно встроить видео, расположенное на стороннем сервере, разрешающем трансляцию. Особенно удобно сделать это на сайте, работающем на ПО ВордПресс. Обсуждать и рекомендовать все существующие публичные видеохостинги нет смысла, поговорим только об одной реализации — о том, как встроить видео с Ютуб на наш сайт.
На странице создания публикаций, в административной панели ВордПресс, есть два режима работы редактора текстов: режим кода (простой) и визуальный режим (непростой).
С первого взгляда, визуальный редактор удобнее, но со временем любой администратор (контент-менеджер), работающий с ВП, приходит к использованию простого текстового режима, в большинстве случаев — с переключениями в «визуальный», по мере надобности. Первым способом рассмотрим вставку видео в режиме кода.
Простейшее решение — скопировать адрес видео из адресной строки браузера и вставить его как есть, в текст публикации.
Например так:
С третьей версии, для файлов изображений и видео, ВордПресс поддерживает преобразование адресов «на лету». Это работает для нескольких десятков известных публичных сервисов, список доступен здесь и он постоянно растет.
Некоторые темы оформления ВП масштабируют окно плейера, если размеры окна не не указаны явно. Таким образом, видео займет всю ширину колонки публикации. Например, так:
[embedded content]
Если тема не поддерживает подобного изменения масштаба отображения, то плейер Ютуб примет свои минимальные размеры, заданные стандартом. Обычно, это 560 на 315 точек, но может быть меньше или больше, в зависимости от исходника. Если необходимо отцентровать видео, которое меньше, чем ширина колонки, можно применить простейший код:
Выглядеть это будет примерно так:
Следующее решение — получить от сервиса Ютуб специальный код для вставки видео.
Такой способ более технологичен. Он позволяет задать именно те размеры плейера, которые подходят к теме оформления вашего сайта. Кроме того, Ютуб предоставляет на выбор дополнительные опции: для их использования достаточно отметить некоторые чекбоксы. Также, пользователь получает возможность указать время, с которого будет воспроизводиться видео.
Рассмотрим эту часть сервиса подробнее.
Чтобы получить искомый код, необходимо воспользоваться ссылкой «Поделиться», под названием и над описанием (если оно есть) видео:
После нажатия на ссылку «Поделиться», появится дополнительное меню, в котором три команды — «Поделиться», «HTML-код» и «Эл. почта». Нам нужен HTML-код.
После нажатия на ссылку «HTML-код», сервис Ютуб выдаёт нам желанный код плейера, с размером окна по умолчанию:
Код сразу выделен и остаётся лишь выполнить команду «скопировать». Вставив его из буфера обмена в любую публикацию (в режиме кода), получим готовое видео, в теле статьи.
Но, это не всё. Если необходимо, как упоминалось выше, использовать дополнительные возможности — используйте вкладку «ЕЩЁ», ниже окна с кодом. Здесь нам становятся доступны для выбора несколько фиксированных размеров видео и появляется возможность задать собственный требуемый размер. Также, система предлагает четыре чекбокса, из которых имеет смысл отмечать только один, нижний.
Третье решение — вставка кода видео от сервиса Ютуб, в режиме визуального редактора ВордПресс.
Сравнительно недавно ВП научился понимать даже такой экзотический приём: копируем адрес видео на Ютуб в буфер обмена; вставляем его из буфера в окно редактирования, в режиме визуального редактора и… — спустя мгновение, скрипт показывает нам готовое видео. Не самый продвинутый способ создания и редактирования контента, но иногда время заставляет жертвовать инструментами дополнительного форматирования. А читатель готов простить мелкие недостатки, получая действительно важную и актуальную информацию.
Ответы на часто задаваемые вопросы.
ВОПРОС. Как встроить видео с Ютуб, если автор запретил встраивание?
ОТВЕТ. Никак. Точнее, возможности есть, но все они, так или иначе, нарушают права автора. Если запретил — значит, так надо. Следует уважать его право на подобные решения.
ВОПРОС. Как встроить видео с Яндекса?
ОТВЕТ. Никак. Видеохостинг Яндекса закрыт, все архивы видео доступны только их авторам (владельцам), в соответствующих разделах Яндекс Диска, куда они автоматически перенесены. Если автор (владелец) сделает ссылку доступной, видео можно скачать и посмотреть.
ВОПРОС. Почему нельзя встроить видео с Rutube, указав только ссылку с адресом материала?
ОТВЕТ. Разработчики ВордПресс не считают сервис Rutube заслуживающим доверия. Трансляция видео с этого сайта возможна, если использовать предложенный код, по аналогии с процессом, описанным выше.
Примечание
Для размещения и трансляции встраиваемого видео существует лишь один сервис, на порядок превосходящий конкурентов по скорости отдачи, качеству кодирования и дополнительному функционалу — и это Ютуб. Если, по каким-то соображениям, необходима альтернатива, рекомендуем DailyMotion либо Vimeo.