Вы хотите добавить рамку вокруг вашего видео вставки? Недавно один из пользователей спросил нас о том, как добавить рамку вокруг своих видео в WordPress. Поскольку вы можете использовать как iframe, так и oEmbed для добавления видео в WordPress, мы покажем вам, как добавить рамку iframe вокруг видео, а также как добавить рамку вокруг видео oEmbed в WordPress.
Если вам не нравится видео или нужны дополнительные инструкции, то продолжайте чтение.
Добавление границы вокруг iframe видео в WordPress
Первое, что вам нужно сделать, это открыть пост или страницу, содержащую код для вставки видео в iframe. Типичный код вставки iframe должен выглядеть примерно так:
Вы можете добавить рамку вокруг него, добавив inline стиль к коду, как это сделано здесь:
Просто измените ширину границы, а также цвет, и все готово.
Хотя добавление границы iframe работает, есть лучший способ добавить границу вокруг видео в WordPress. Это делается с помощью oEmbed.
Добавление границы вокруг видео oEmbed в WordPress
WordPress поставляется со встроенной поддержкой oEmbed. В основном WordPress позволяет вам вставить ссылку на видео, и он автоматически получит код вставки для них. Теперь это работает только для сайтов с поддержкой oEmbed, таких как YouTube, Vimeo, DailyMotion, Hulu и т.д. (См.: как легко добавить видео в WordPress с помощью oEmbed)
Теперь, когда вы знаете, как добавить видео с помощью oEmbed, вот как вы можете добавить рамку вокруг видео oEmbed в WordPress.
При добавлении видео с помощью oEmbed, просто оберните URL в тег span с параметрами стиля inline, как показано здесь:
Если вы хотите добавить одинаковую рамку вокруг всех видео iframe, то лучше всего добавить CSS класс в таблицу стилей вашей темы.
.frame-border
Теперь вы можете использовать CSS-класс в коде вставки iframe вот так:
Вы также можете использовать тот же класс CSS в теге span вокруг URL-адресов видео oEmbed, как показано здесь:
Преимущество использования одного класса CSS заключается в том, что если вы позже смените тему, то сможете легко изменить цвета одним щелчком мыши, а не возвращаться и редактировать каждое видео по отдельности.
Мы надеемся, что эта статья помогла вам добавить рамку вокруг встраиваемого видео в WordPress. Вы также можете посмотреть эти 9 полезных советов YouTube, чтобы украсить ваш сайт WordPress видеороликами.
Источник: www.wpbeginner.com