Как сделать видео по центру в WordPress

0 2

Не получилось вывести видео по центру в записях WordPress? Возможно, что ваша запись выглядит следующим образом:

Как сделать видео по центру в WordPress

Тогда вам поможет простой совет, приведенный ниже.

Если вы используете WordPress, то вы можете перейти на сайт YouTube, скопировать URL видео, поместить URL в запись, и ваше видео будет автоматически выводиться на странице.

Для следующего приема вам понадобится не просто вставить URL, а получить полный embed-код для видео.

Как сделать видео по центру в WordPress

Как только у вас будет embed-код, перейдите на вкладку TEXT в вашем редакторе и поместите ваш embed-код в середину следующего фрагмента вместо текста «embed-code».

<div align="center">embed-code</div>

Выглядеть это будет следующим образом:

Как сделать видео по центру в WordPress

Все готово. В итоге вы должны получить видео по центру страницы, как показано ниже:

Как сделать видео по центру в WordPress

Подгоняем видео по ширине страницы

Центрирование видео, конечно, лучше, чем выравнивание по левому краю, однако большая часть людей, безусловно, предпочла бы видео с выравниванием по ширине записи.

Сделать это можно при помощи все того же embed-кода. На YouTube (или в любом другом сервисе) просто измените размер встраиваемого видео. Сам YouTube значительно упрощает этот процесс. Достаточно просто указать ширину, которая вам требуется, после чего сервис автоматически подгонит высоту видео, чтобы пропорции ролика сохранились.

Допустим, к примеру, что ширина области контента моего сайта составляет 700px. Тогда мне надо поместить это значение в поле width для видео YouTube. Вы также можете заметить, что размеры видео меняются в самом embed-коде. Если вы не знаете ширины своих записей, просто поиграйте с этим параметром в embed-коде.

Обратите внимание, что сервис YouTube предлагает некоторые базовые размеры для видео, перечисленные в выпадающем меню. Вам нужно будет выбрать «Custom Size» (Произвольный размер), если вы желаете установить для видео свои размеры.

Как сделать видео по центру в WordPress

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

Как сделать видео по центру в WordPress

Примечание: естественно, если ваше видео и так выводится на всю ширину страницы, его не нужно центрировать. Вы можете просто вставить embed-код в вашу область Text редактора.

Источник: wpmu.org

Источник: oddstyle.ru

Оставьте ответ

Ваш электронный адрес не будет опубликован.