Функция, позволяющая видео из Vimeo автоматически подстраиваться под ширину блога, пропорционально изменяя свои размеры при изменении размеров окна браузера.

Как автоматически подстраивать видео Vimeo под ширину блога

 

Я уже приводил способ автоматической подстройки видео YouTube под ширину блога. Способ удобный для тех, кто хочет создать отзывчивый к изменениям ширины блог, который можно просматривать как на мобильнике или планшете, так и на большом мониторе компьютера, не боясь искажений - плеер будет автоматически реагировать на изменение размеров окна браузера, пропорционально уменьшая или увеличиваясь. Однако не только YouTube пользуется популярностью - большим почетом пользуется сервис Vimeo.

Как автоматически подстраивать видео Vimeo под ширину блога

Читать далее

Пример функции, возвращающей миниатюру видео из Vimeo и шорткода, использующего эту функцию, с помощью которого можно вставлять миниатюры видео роликов в посты, которые будут одновременно и ссылками, ведущими на страницу видео.

Шорткод для вывода миниатюры видео из Vimeo

 

Видеохостинг Vimeo является вторым по популярности после YouTube, и широкая известность вполне объяснима - сервис предоставляет хорошие возможности для популяризации своего видео, давая пользователям средства для легкого распространения видео в социальных сетях, голосования за понравившиеся ролики, коды для интеграции в любую страницу сайта. Кстати, хочу отметить, что качество воспроизведения видео в Vimeo лучше, чем в YouTube. Для каждого ролика сервис создает несколько скриншотов. Мне понадобилось не просто вставлять видео из Vimeo в блог, но и делать это в виде миниатюры, а не внедренного объекта. Такой подход иногда бывает удобнее традиционного - миниатюру можно использовать в анонсах, можно поверх нее выводить определенный текст, миниатюры, в отличие от вставленного видео, попадают в RSS, да и блог с картинками грузится быстрее, чем блог с видео. Изучив этот вопрос, я сделал шорткод, который выводит миниатюру видео из Vimeo, которая является ссылкой-картинкой, ведущей на страницу с видео.

Шорткод для вывода миниатюры видео из Vimeo

Читать далее

webincA 23 Дек 11 Вопросы видео28 239 1

 

Подскажите, пожалуйста, плагин для создания видео галереи на WordPress.

tiaurus 10 Дек 11 Плагины видео28 350  

Artiss YouTube Embed является продвинутым плагином, позволяющим несколькими способами вставлять видео из YouTube в блог. Он имеет профили с разными настройками, виджет и шорткод, с помощью которых можно вставлять не только отдельные видео ролики, но и целые плейлисты.

Artiss YouTube Embed – удобный плагин для работы с видео

 

Многие блоггеры публикую видео из такого популярного видеосервиса, как YouTube. Практически неограниченный размер, легкость размещения и вставки в блог, контроль доступа, статистика просмотров - все это делает YouTube привлекательным для блоггеров. Плагин Artiss YouTube Embed делает работу с видеороликами из YouTube еще более удобной, позволяя интегрировать из в блог, вставлять в посты, управлять параметрами вставки, составлять целые списки, создавать множество профилей для разных настроек.

Artiss YouTube Embed - удобный плагин для работы с видео

Читать далее

С помощью плагина Ninja Embed можно встраивать видео с Youtube и Vimeo, а так же аудио с Soundcloud. Для вставки в посты можно использовать универсальный шорткод, а для интеграции в шаблон - функцию с дополнительными параметрами.

Ninja Embed – плагин для добавления в посты с помощью шорткода роликов Soundcloud, Vimeo и Youtube

 

Среди блоггеров-меломанов в последнее время стало модным выкладывать файлы на Soundcloud. Однако и старый Youtube все еще пользуется популярностью. Как вставить аудио или видео, используя один шорткод для интеграции роликов из этих сервисов в блог? На помощь приходит плагин Ninja Embed.

Ninja Embed - плагин для добавления в посты с помощью шорткода роликов Soundcloud, Vimeo и Youtube

Читать далее

Пример удобного шорткода, с помощью которого можно встроить HTML5 видео в посты и страницы блога, используя прямую ссылку на файл.

Шорткод для вставки HTML5 видео

 

Разработчики WordPress заявляют о всесторонней поддержке стандартов HTML5, и советуют пользоваться удобствами этой разметки. Разработчики браузеров тоже хвалятся поддержкой HTML5, даже не смотря на то, что эти стандарты еще не получили официальный статус. И что самое удивительное - так это то, что самым продвинутым в этом плане браузером является Internet Explorer 10. Его конструкторы вообще говорят о том, что в будущем откажутся от поддержки Flash в пользу HTML5. Ну а пока новые браузеры выходят, мы уже можем отказаться от использования флешь-плееров в пользу HTML5 для проигрывания видео.

Шорткод для вставки HTML5 видео

Читать далее

Я уже писал о шорткоде, с помощью которого можно вставлять видео из YouTube, а так же об аналогичном плагине YouTube White Label Shortcode. Однако не всем нужно вставлять именно видео, иногда требуется вставить миниатюру. Сервис YouTube ...

Шорткод для вставки миниатюры видео из YouTube

 

Я уже писал о шорткоде, с помощью которого можно вставлять видео из YouTube, а так же об аналогичном плагине YouTube White Label Shortcode. Однако не всем нужно вставлять именно видео, иногда требуется вставить миниатюру. Сервис YouTube для каждого видео ролика создает несколько миниатюр, одну большую, и три маленькие. Эти изображения можно использовать для вывода в блоге, создав шорткод для их вывода. Например, у меня получилось вот так:

Шорткод для вставки миниатюры видео из YouTube

Читать далее

tiaurus 13 Сен 11 Плагины видео28 636 1

Если вы создаете видео блог, или блог, в котором будет отдельный тип записей, специально предназначенный для публикации видео, то вам может пригодится плагин Video Thumbnails. Этот плагин делает одну классную штуку - он создает миниатюрное изображение ...

Как автоматически создавать миниатюры для видео | Video Thumbnails

 

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

Как автоматически создавать миниатюры для видео | Video Thumbnails

Читать далее

При вставке простой ссылки на изображение, это изображение не отображается в блоге - ссылка так и остается ссылкой, ведущей на другую страницу. Но иногда было бы удобно при клике по этой сслке открывать изображение без перехода ...

Как по ссылке открывать изображения в модальном окне | OrangeBox

 

При вставке простой ссылки на изображение, это изображение не отображается в блоге - ссылка так и остается ссылкой, ведущей на другую страницу. Но иногда было бы удобно при клике по этой сслке открывать изображение без перехода на другую страницу. Это может сделать плагин OrangeBox.

Как по ссылке открывать изображения в модальном окне | OrangeBox

Читать далее

tiaurus 12 Сен 11 Настройки видео28 580 3

Часто в своих блогах я вставляю видео из YouTube. Делаю это без каких-либо хитростей - просто вставляю сгенерированный сервисом код в содержимое поста. Однако есть одна загвоздка, которая долго не давала мне покоя - видео плеер ...

Как автоматически подстраивать видео YouTube под ширину блога

 

Часто в своих блогах я вставляю видео из YouTube. Делаю это без каких-либо хитростей - просто вставляю сгенерированный сервисом код в содержимое поста. Однако есть одна загвоздка, которая долго не давала мне покоя - видео плеер отображался с фиксированной шириной, в то время как ширина самого блога у меня обычно "резиновая". Это несоответствие между статикой и динамикой иногда давало и вовсе неприятные моменты - при смене темы видео часто оказывалось шире, чем установленная для ленты сообщений ширина, и поэтому оно или обрезалось, или появлялись горизонтальные полосы прокрутки. И я решил разобраться с этой проблемой раз и навсегда, сделать так, чтобы видео из YouTube никогда не было меньше или больше, а автоматически подстраивалось под ширину блога, какой бы она ни была. И я нашел простой способ сделать это.

Как автоматически подстраивать видео YouTube под ширину блога

Читать далее