WP-THEME.EU

Темы для WordPress европейского качества

Добавить аудио или видео в WordPress

Добавить аудио плейер (HTML5, jQuery) с музыкой в любом формате (mp3, ogg, wav и другие) или же с некими другими медиа-файлами на сайт, работающий на CMS WordPress, стало гораздо проще – теперь достаточно предпринять всего нескольких шагов. Данной теме и посвящается данный туториал.

Вместо предисловия

Вообще, может показаться, что это вчерашний день. Мол, кому нужно вставлять музыку на сайт, при огромном наличии сайтов, распространяющих музыку абсолютно бесплатно.  Тоже самое можно сказать и о видео-файлах. Ведь на самом деле легче вставить ссылку на видео на таких сайтах как youtube или vimeo. Логично. Но с другой стороны звучащая на сайте музыка может соответствовать той или иной тематике сайта, скажем какой-нибудь Lounge Bar воспроизводит на своем сайте что-то из Chillout… Не стоит забывать и о подкастах, а также о видео или аудио, которым Вы бы хотели поделиться в личном кругу.

Добавить аудио или видео в WordPress  статью или на страницу (статическую) в виде плеера

Тут все просто: открываем редактор вордпресс, начинаем оформлять статью и в верхнем левом углу редактора нажимаем кнопку «Добавить медиафайл». После проходим известную процедуру: либо выбираем файл из медиатеки / из тех, что уже загружены на сайт, либо загружаем с компьютера. После того, как файл загружен, кликаем на него и выбираем способ отображения на сайте.  Мой любимый способ: отображать аудио в виде медиа-плейера – см. график что ниже.
Далее выбираем опцию «Вставить медиаплеер и «Вставить в запись». Сохраняем, обновляем, актуализируем, опубликовываем – готово!

аудио и видео в ворпдресс

Добавить аудио плеер в виджет (Widget)

На самом деле лично я обожаю виджеты в вордпресс. Виджеты позволяют отображать самую различную информацию на сайте, работают гибко, настраиваются легко. Да и отдельное, индивидуальное программирование виджетов, не столь сложно, как может изначально показаться.

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

Но есть незадача: простейшей функции добавления медиа файлов в виджет(ы) вордпрессом не предусмотрено. Но сиё недоразумение можно запросто обойти простым добавлением html5-кода непосредственно в виджет.

Итак, переходим в Консоль -> Внешний вид -> Виджеты, опускаемся пониже и выбираем виджет ТЕКСТ (Произвольный текст или HTML-код), определяем область, в которой данный виджет будет отображаться и добавляем непосредственно в виджет следующее:

добавить аудио или видео в вордпресс

Путь к файлу можно задать как прямой, так и относительный. Если Вы в теме не разбираетесь, то лучше прямой, что-то вроде: http://www.ваш-сайт.ru/название-музыки-в-формате.мп3

Найти данный URL/путь Вы можете кликнув на сам файл, находящийся в вордпресс. Справа должен быть показан путь к файлу.

Дополнительные настройки для плеера

  • autoplay=”autoplay”

Воспроизведение начинается после того, как страница полностью загрузилась.

  • loop=“loop“

Данной командой Вы включаете бесконечный повтор.

  • controls=“controls“

Ну а если нужны кнопки управление, то вводите именно эту команду.

  • preload=“preload“

Воспроизведение начинается еще до того, как страница до конца загрузилась.

  • src

Уже упомянутый выше путь к Вашему файлу.

Вот, впрочем и все.

Будут вопросы — обращайтесь через контакты или комментарии.

 

2 комментария: Добавить аудио или видео в WordPress

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *