Intereting Posts
Я хочу отображать автора gravatar на сообщениях. Как это сделать? Иерархические пользовательские сообщения – выделение текущего сообщения в подменю В чем преимущество добавления крючка в hook ()? Добавление медиа и прикрепление изображений к страницам CMB2 Repeatable Group & JSON API Как получить URL-адрес изображения из Media-Upload в сообщении? Зная общее количество сообщений, прежде чем попасть в цикл верхний предел одновременного редактирования? Пользовательские поля, не отображаемые в настраиваемом типе сообщений Администратор может ввести JavaScript – потенциальный риск для безопасности? Две страницы параметров темы для темы Создание новой страницы / вкладки в группе не работает! Фильтр media_upload_tabs не работает в классе Проверить и удалить из очереди, если существует несколько таблиц стилей с помощью wp_style_is? Фильтрация пользовательских таксономий

Как перезаписать встраивание youtube?

Мне очень нравится, как вы можете просто вставить URL прямо в сообщение … например:

http://youtube.com/watch?v=xyz или http://vimeo.com/123456

Что я хочу сделать, это изменить код по умолчанию для этого, чтобы поддерживать код здесь: http://embedresponsively.com/

Как я могу переписать код youtube и vimeo, я предполагаю в функции.php как-то?

Более подробно рассмотрев код, представленный на этом сайте, выясняется, что основные отличия от того, что он выводит по умолчанию WordPress, следующие:

  • iframe обернут div, у которого есть класс embed-container
  • существуют стили CSS, которые используются этим классом

В WordPress, чтобы обернуть встроенный iframe, добавьте следующее в functions.php вашей темы или в плагин функциональности:

 add_filter('embed_oembed_html', 'my_embed_oembed_html', 99, 4); function my_embed_oembed_html($html, $url, $attr, $post_id) { return '<div class="embed-container">' . $html . '</div>'; } 

и добавьте CSS, созданный http://embedresponsively.com/, к вашей теме:

 .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

Я тестировал фильтр, и он работал нормально. Я не тестировал CSS, но вам будет нужно поиграть.

Источник для фильтра: http://wordpress.org/support/topic/adding-a-wrapping-div-to-video-embeds?replies=2