WordPress: вставка видео, аудио по ссылке с Youtube, SoundCloud, Vimeo

Мало кто знает, но WordPress, начиная с 3.0 версии, автоматически встраивает видеоролики в сообщения. Достаточно всего лишь указать ссылку на видео популярных видеохостингов (Youtube, Vimeo и т.п.) в самом посте. Но, к сожалению, немногим  удалось проверить это в действии: вставили ссылку в сообщение, нажали «Опубликовать», но в теме по прежнему всего лишь ссылка на видео. Как это исправить? Что Вы делаете не так?

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

Встраивание гиперссылки WP

Обратите внимание на иллюстрации выше, что в редакторе ссылка имеет вид гиперссылки. Переключившись в режим редактирования «Текст» (рядом со вкладкой «Визуально»), обратите внимание, что ссылка имеет специальный html код в таком формате:

<a href="http://...">Ваша_ссылка</a>

Это происходит, если Вы скопировали ссылку из панели навигации Вашего браузера. Впрочем, если ссылка скопирована из какого-либо текстового файла, или на веб-странице с помощью контекстного меню «Копировать адрес ссылки», то встроится она без проблем. Но чтобы автоматическое встраивание получилось наверняка, просто скопируйте нужную ссылку на видеоролик и вставьте ее в нужное место сообщения, предварительно переключившись в режим редактирования «Текст».

Ссылка на видео в режиме редактирования Текст

За автоматическое встраивание видео отвечает библиотека oEmbed. К сожалению, без дополнительного вмешательства, невозможно изменить параметры встраивания, такие как высота и ширина видео и т.п. О том, как выставить ширину автоматически встраиваемого контента, я писал ранее в своей статье.

Ну и, напоследок, вот список сайтов, с которых WP автоматически встраивает видео, аудио и другое медиа:

http://www.youtube.com
http://blip.tv
http://vimeo.com
http://www.dailymotion.com
http://www.dailymotion.com
http://www.flickr.com
http://www.smugmug.com
http://www.hulu.com
http://www.viddler.com
http://qik.com
http://revision3.com
http://photobucket.com
http://photobucket.com
http://www.scribd.com
http://wordpress.tv
http://polldaddy.com
http://www.funnyordie.com
http://www.twitter.com
http://soundcloud.com
http://www.slideshare.net
http://www.instagram.com
http://www.rdio.com
http://www.spotify.com

Понравилась запись? Ставь лайк!
Loading more content...