Если вы пользуетесь универсальным встроенным шорткодом embed, то наверняка уже столкнулись с проблемой оформления видео, вставленного с его помощью. Дело в том, что в самом шорткоде нет параметров, отвечающих за css вставляемого элемента — приходится довольствоваться тем, что есть внутри шорткода — стандартными отступами. Если же вы хотите добавить, например, к видео из YouTube тень или дополнительные отступы от текста, то вам придется сочинять какой-нибудь DIV, и уже для него определять оформление в файле style.css. Однако этого можно избежать, если прибегнуть к помощи плагина oEmbed styling.
Этот плагин автоматически добавляет ко всем объектам, вставленным с помощью шорткода embed, классы оформления, причем они могут быть разными в зависимости от источника:
- oembed — общий класс для всех
- oembed-mediatype (например, oembed-video) — разное оформление в зависимости от типа
- oembed-server (например, oembed-youtube-com) — разное оформление в зависимости от источника
- oembed-mediatype-server (например, oembed-video-youtube-com) — разное оформление в зависимости от источника и типа
Например, к фрагментам, вставленного из YouTube, можно добавить тень, вставив в style.css используемой вами темы такой код:
.oembed-youtube-com {box-shadow:0 0 5px #000;}
Просто и удобно!
oEmbed styling