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

Дата публикации:Август 3, 2013

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

not-centered

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

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

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

embed-code

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

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

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

text-tab

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

centered-video

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

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

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

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

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

custom

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

full

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

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

Поделиться

5 комментариев

  1. Спасибо. Ваша статья мне помогла выровнять по центру видео youtube в одной из записей моего блога. До этого пробовал через align=»center» и align=»middle», но не прокатило.

  2. А как быть с выравниванием на разных гаджетах, к примеру на планшетах и смартфонах?

  3. Юлия says:

    Спасибо! Помогло :-)

  4. Благодарю, отцентрировать получилось, а вот где кастомизировать размер под ширину страницы найти не смогла…

  5. Спасибо огромное!! Работает!

Оставить комментарий

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

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