Среди всех самых новейших возможностей в WordPress 3.6 хочется отдельно отметить интересную «фишку», которая будет интересна множеству блоггеров. Сейчас я говорю про нативную поддержку для видео- и аудио- файлов в самой последней версии этого движка. Данная опция может хорошо изменить ситуацию с применением в блогах медиа-контента. В этом посте мы сейчас расскажем о том, как по работе со звуком и видео применить можно новые возможности в рамках нашего WordPress-сайта. Но для начала хочется вспомнить, как раньше приходилось работать с мультимедиа-содержимым для блогов и сайтов.
Вспомним прошлое
Если вы ведете какой-нибудь видео-блог тогда на вашем WordPress-сайте раньше устанавливать нужно было плагин, который давал возможность проигрывать записанного аудио или созданного видео.
Например, если мы собрались загружать видео, как обычно экран создания нового поста WordPress и редактирования у нас выглядел с контентом, говорящий про то, что типа нет проигрывателя для файла, а стоит обычная ссылка.
Как мы видим, не было плеера для файлов, только обычная ссылка, поэтому воспроизвести было невозможно.
Естественно, всегда можно взять инструментарий левых сервисов вроде Vimeo и YouTube, которые легко позволяют встроить уже ранее загруженные в WordPress ролики. Но что нам сделать, если мы хотим мультимедиа-контент размещать на своих серверах? Чуть ранее такую задачу можно было решить при помощи плагинов.
Предварительно просматриваем медиа-контент в WordPress 3.6
Чуть ниже приведен предварительный обзор именно того, как мы можем видео-ролик загрузить в новом для WordPress 3.6 посте.
Опция вставки кода доступна из загрузки вашего собственного файла или стороннего источника.
У пользователей теперь есть представление о том, что следует за каждым последующим действием. Например, выбрав «Видео», нам больше не нужно угадывать, как именно видео будет добавляться в пост и как это отображаться будет. Нам просто нужно или выбирать адрес к ранее готовому загруженному видео на левом ресурсе, либо просто на собственный сервис загружаете файл, при этом автоматически создается шорт-код.
На сегодняшний день работа с аудио и видео-роликами стала намного понятнее и проще. Теперь нам не придется выискивать медиа-проигрыватель, а все файлы ваши воспроизводятся моментально после добавления их к постам и загрузки.
Многие из читателей уже слышали про такой скрипт, как Media Elements.js. Может быть такое, что вы даже пользовались им. Есть огромный ряд причин, по которым выбрать можно MediaElement.js, но главные причины, почему данный скрипт лег в основу при добавлении медиа-файлов, будут таковы:
- Хорошая поддержка всех основных устройств и браузеров.
- MediaElement.js применяет одну и одинаковую HTML разметку для всех вариантов встраивания видео.
- Любые проигрыватели легко адаптировать к шаблону или дизайну оформления сайта, применив при этом таблицу CSS.
MediaElement.js и его параметры
- Плееры видео и для аудио-файлов с поддержкой CSS на основе HTML5.
- Настраиваемые проигрыватели Silverlight и Flash, для старых браузеров имитирующие HTML5 Media Element API.
Самое интересное во всех плеерах — абсолютно любой человек в таблице CSS без знаний программирования путем небольших строчек кода сможет «подогнать» под общий дизайн своего сайта оформление плеера, на это не тратя множество ресурсов и времени. Вы можете полностью контролировать форматы и поведение отображения проигрывателя для файлов, которые загружаете.
За счёт чего и почему облегчается наша жизнь?
Поиск нужного плагина для аудио или видео стать может непростым заданием, особенно это касается всех новичков. Помимо той самой совместимости этих плагинов с и браузерами пользователей и движком, там надо еще научиться, как таким плагином нужно правильно пользоваться.
Нативный проигрыватель даёт возможность избежать всего этого и приступить к применению контента и загрузке без левых затрат на изучение, настройку и использование. Проще станет не только блогерам и администраторам, но и простым читателям нашего блога или сайта. Большая поддержка различных устройств и браузеров — это и есть главный «плюс» данного проигрывателя.
Левые сервисы больше не нужны нам
Представьте, что вы сняли интересный ролик и хотите его всем показать. Естественно нам не нужен YouTube или иной видео сервис. Мы просто загружаем видео на свой собственный блог. Аналогично поступать могут все, кто ведет видео-блог: подкастеры, музыканты, редакции онлайн-СМИ и журналисты. Левые сервисы и плагины сложны были в настройке, но это всё в далёком прошлом. Начиная с WordPress 3.6 версии, нам достаточно сделать мышкой всего 2 клика— и ваш видеоролик увидят любые читатели.
В принципе всё, что хотелось рассказать по этому поводу, спасибо за внимание!
Также советуем почитать на PressDev.RU
Короткая ссылка: http://pressdev.ru/?p=3246
Подскажите, а в каком месте таблицы стилей css можно поменять стиль плеера? Цвет к примеру.
Какой код заведует плеером?