Меню Рубрики

Установка видеоплеера на сайте

Установка видео плеера на сайте

От автора: при создании сайтов очень часто возникает необходимость в публикации видеоматериалов на его страницах, а для отображения видео, как Вы знаете, необходим видеоплеер. Поэтому в данном уроке мы с Вами рассмотрим, как установить видео плеер на странице сайта, как добавить видео для воспроизведения и как настроить видеоплеер под свои собственные нужды.

В данном уроке мы с Вами будем говорить об одном из наиболее популярных и наиболее удобных видеоплееров под названием jwplayer.

1. Введение

Данный плеер обладает очень хорошим функционалом, поддерживает такие видео форматы как flv, mp4, аудио mp3, aac, также возможно проигрывание роликов с канала youtube. Поддерживается всеми известными браузерами, такими как Chrome, Firefox, IE, Opera, Safari, мобильный операционной системой Android, и такими устройствами как iPhone / iPad.

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Технологии FLASH и HTML5, то есть плеер легко отображается на всех устройствах.

Удобный и доступный JavaScript API

Поддержка потокового видео протокола RTMP и HTTP псевдо-потока.

Возможность загрузки скинов (только для платной версии).

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

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

Теперь давайте установим данный плеер.

2. Установка плеера jwplayer.

Первым делом необходимо скачать плеер. Для этого переходим на официальный сайт разработчика, по адресу: http://www.longtailvideo.com/.

Далее переходим по ссылке Get JW Player — открылась страница скачивания плеера.

Вводите адрес своего почтового ящика в поле e-mail и кликаете по ссылке FREE DOWNLOAD для скачивания. Обратите внимание, что данный плеер поставляется в двух версиях: платной и бесплатной. Бесплатная версия, обладает, конечно, ограниченным функционалом, но его вполне достаточно для нормального отображения видео и полноценной настройки под Ваши нужды. К примеру, в платной версии есть возможность выбора, различных скинов (внешний вид плеера), также шаринг в социальных сетях (ссылка поделиться данным видео) и т.д.

В результате скачивания мы получаем архив: jwplayer-3242.zip. Давайте его распакуем в папку js тестового сайта. В результате в данной папке мы получили следующие файлы:

Далее необходимо подключить файл jwplayer.js к нашему тестовому сайту. Для этого открываем файл index.php и пишем следующий код (между тегами head):

После этого необходимо создать блок, в котором будет выведен плеер, поэтому создадим блок div с идентификатором player:

Строка For player при загрузке плеера показана не будет. Далее, используя javascript необходимо прописать код, который будет выводить плеер в созданном блоке. Для этого можно создать отдельный файл и все кодирование вести в нем, или писать в этом же файле, открыв теги script. Но мне удобней использовать отдельный файл, поэтому давайте создадим пустой файл под названием script.js и сразу же его подключим. Только данный файл необходимо подключать после того как Вы создали блок, для отображения плеера. Поэтому подключаем данный файл:

Итак, установка плеера завершена, теперь осталось его вызвать для отображения на экране.

3. Воспроизведение видео.

Итак, давайте выведем плеер в указанном блоке, для этого открываем файл script.js и пишем следующий код:

Обратите внимание, что вызывается метод jwplayer() – данный метод входит в состав файла jwplayer.js и является основным при отображении плеера. То есть вызывая данный метод мы передаем ему параметром идентификатор того блока, в котором он должен быть отображен на экране. В нашем случае это блок div с идентификатором player. Затем вызываем метод setup – который определяет все основные параметры плеера:

file – путь к файлу, который должен быть воспроизведен в плеере. В нашем случае это видео в формате mp4 и файл video.mp4.

image – путь к изображению, которое будет показано до начала воспроизведения видео (либо музыки, либо ролика канала youtube).

Теперь давайте сохраним изменения и посмотрим, что отображается на экране браузера.

Как Вы видите, плеер нормально отображается и если, нажать по кнопке воспроизвести, то начнется воспроизведение видео ролика. Теперь, если Вам необходимо воспроизвести аудио файл, для этого необходимо указать путь к этому файлу в параметре file:

Если необходимо отобразить видео-ролик из канала youtube, для этого ссылку на данный ролик также указываете в параметре file:

Согласитесь все очень просто. Теперь давайте поговорим о настройках данного плеера.

4. Настройка плеера.

Первым делом давайте настроим размеры данного плеера. Для этого необходимо указать два параметра width и height:

Думаю, что Вы уже догадались, что width это ширина, а height – высота. Размерность – пиксели. Теперь давайте посмотрим, что у нас получилось:

Как Вы видите, размеры плеера изменились. Теперь давайте добавим еще несколько настроек:

Давайте по-порядку рассмотрим каждый параметр:

controls:true – отвечает за отображение панели управления плеера. Если будет установлено значение false, то панель управления отображаться не будет. По умолчанию – true;

autostart:false – если установить значение true, то воспроизведение данного ролика начнется сразу же поле загрузки страницы с плеером. По умолчанию – false;

mute:false – если установить значение true, то при воспроизведении будет отключен звук (конечно, используя панель управления, плеером го можно включить). По умолчанию – false;

stretching:»uniform» – масштабирование видео в окне плеера. Имеет следующие значения: none – реальный размер видео; exactfit – видео бут растянуто по величине окна плеера (не пропорционально), при этом может наблюдаться потеря качества, то есть, видео может быть либо вытянутым, либо растянутым; uniform – масштабирование пропорционально, что бы видео поместилось в окно плеера; fill – пропорциональное масштабирование видео до размеров экрана, но если из-за формата видео, оно не будет помещаться в окно плеера, лишние части будут обрезаны. По умолчанию – uniform;

title:»hello world» – заголовок видео ролика.

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Давайте сохраним изменения и посмотрим, что у нас получилось:

Если, установить значение высоты плеера, равное 40 пикселей, то на экране мы увидим вот такой плеер:

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

5. Работа с playlist.

Playlist – это заранее определенный список файлов, которые должны быть воспроизведены в плеере. Плеер jwplayer также поддерживает плейлисты, поэтому давайте научимся с ними работать, и добавим несколько файлов к воспроизведению. Для этого пишем следующий код:

Обратите внимание, что за отображение плейлиста отвечает параметр playlist, у которого так же есть свои параметры. Здесь будьте очень внимательны с синтаксисом. Смотрите код параметра playlist выделен квадратными скобками, а каждый новый файл плейлиста отделен фигурными скобками (позиции плейлиста). Теперь о параметрах playlist:

file – путь к файлу, для воспроизведения;

image – изображение, которое выводится перед указанным файлом;

description – краткое описание файла, что воспроизводится.

Теперь для того, что бы показать сам плейлист (список файлов), необходимо также указывать параметр listbar, у которого также есть две настройки:

position:’bottom’ – позиция отображения плейлиста. В данном случае внизу, также есть возможность расположить данный блок справа. Для этого необходимо указать значение right;

size:150 – размер блока в пикселях.

Теперь давайте посмотрим в браузере, что у нас получилось:

Как Вы видите, плейлист успешно отобразился. Теперь давайте посмотрим, как задать несколько источников на одно и то же видео. К примеру, если у нас есть видео и оно сохранено в различных файлах и при этом у каждого файла различное качество. Для этого пишем следующий код:

Как Вы видите, используется все тот же параметр playlist, но теперь он имеет всего лишь одну секцию (как бы всего одна позиция в списке воспроизведения). Описываем уже знакомые нам параметры title, image, description, но вместо параметра file, пишем параметр sources. Данный параметр определяет источники одного и того же видео файла и как Вы видите в нем также есть свои настройки:

Читайте также:  Установка проставки передней опоры

file – путь к файлу для воспроизведения;

label – заголовок, который будет отображен в специальном меню выбора источников видео;

image – изображение, которое показано перед воспроизведением;

default – если установлено значение true, значит, данный источник показывается по умолчанию

Теперь давайте перейдем в браузер и посмотрим, что у нас получилось:

Как Вы видите, все нормально отображается. Теперь на панель управления плеером добавлена возможность выбора источников.

6. Отображение субтитров.

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

Смотрите, вначале указываете ключевое слово WEBVTT, затем указываете временные интервалы и текст, который будет отображен в определенном интервале времени. При отображении текста можно использовать некоторые html теги. Для форматирования текста. К примеру, теги b — для придания жирности текста и font color=»#3333CC» для определения цвета текста. Для отображения субтитров необходимо добавить следующий код:

Как Вы видите, за работу с субтитрами отвечает параметр tracks. У каждого видео может быть несколько различный субтитров, к примеру, на разных языках, поэтому синтаксис данного параметра аналогичен параметру playlist, то есть, вначале указываем квадратные скобки, а затем настройки, относящиеся к определенному субтитру, отделяются фигурными скобками. Настройки параметра tracks:

file – путь к VTT файлу (текст субтитров и временные интервалы);

label – название субтитра на панели выбора субтитров;

default – если данная настройка имеет значение true, значит, субтитр выводится по умолчанию.

Теперь давайте перейдем в браузер и посмотрим, что у нас получилось:

Используя параметр tracks, можно облегчить навигацию по видео файлу, используя небольшие скриншоты видео ролика, показывающиеся, при наведении курсора мыши на временную панель плеера. Для этого необходимо в фале VTT, вместо текста, который отображался в субтитрах прописать имена фалов, которые должны отображаться в определенные интервалы времени, к примеру (файл sub_th.vtt):

Далее пишем следующий код:

Как Вы видите, необходимо указать путь к файлу VTT и задать настройке kind, значение «thumbnails» . Теперь давайте посмотрим, что у нас получилось:

7. Работа с javaScript API.

Плеер jwplayer содержит очень большой набор различных функций и методов, для работы, используя язык javaScript. Сейчас мы рассмотрим только несколько из них. Подробное описание данных функций и методов Вы найдете в официальной документации по плееру, по адресу http://www.longtailvideo.com/support/jw-player/28832/about-jw-player.

Теперь давайте создадим несколько кнопок, для управления плеером. Для этого откроем файл index,php и добавим несколько строк (которые будут служить кнопками):

А в файле script.js, создадим функцию add_volume(), которая будет увеличивать громкость воспроизведения видео:

Смотрите, у плеера jwplayer есть метод play(), вызывая который мы начинаем воспроизведение, или останавливаем его (если оно уже началось). Что мы и делаем при нажатии кнопки Start. То есть описали для данной кнопки обработчик события onclick (он сработает, когда по тексту кликнуть мышью), другими словами, при нажатии по кнопке Start будет вызван метод play() (начало/останов воспроизведения).

Далее, при нажатии по кнопке Get volume – вызывается метод getVolume() – который возвращает текущую громкость плеера, ее мы и выводим на экран при помощи функции alert().

И последняя кнопка Set volume – используется для плавного увеличения громкости плеера. Для этого мы создали функцию add_volume(), которая вызывается при клике мышью по данной кнопке. Данная функция очень проста. Смотрите, вначале получаем текущую громкость и записываем ее в переменную volume. Проверяем, не вышла ли она за пределы максимального значения (значение 100). И используя метод setVolume(volume), устанавливаем новое значение громкости (новое значение передается параметром методу).

Теперь если проверить в браузере, то все работает нормально.

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

Всего Вам доброго, удачного кодирования и до новых встреч!

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

источник

Как установить видеоплеер на сайт

Как можно просто и быстро установить видео на сайт, используя видеоплеер от сервиса Uppod и YouTube. Причем на первом плеере никаких реклам показывать никто не будет, он только чисто для Ваших целей.

1. У себя на сайте, на хостинге, в корне (там где лежит главная страница) создаем три папки: video, styles, и player.
2. Регистрируемся на сайте Uppod.ru
3. Скачиваем файл плеера, » Скачать плеер» в левом верхнем углу.
4. Распаковываем скачанный архив, берем uppod.swf и переносим в папку player на свой сайт.
5. Заходим в свой аккаунт, жмем на вкладку «Мой Плеер» и далее «Видео». Здесь мы видим меню из трех пунктов Стили, Файлы и Плейлисты. Нажимаем на Стили, а потом на + (добавить). Появится форма. в которую нужно вставить название стиля и сохранить. Далее появляется сам визуальный редактор, в котором мы и делаем необходимые настройки. После создания собственного стиля, жмем сохранить, возвращаемся на вкладку «Мой плеер» — «Видео» — «Стили» выбираем свой стиль, скачиваем его и вставляем к себе на сайт в папку styles. В папку video закачиваем свой видео файл.
6. Затем переходим во вкладку «Файлы», нажимаем на + и добавляем свой файл (указывая название, ссылку и стиль).
7. Необходимо забрать код. Для этого переходим в подменю «Файл» жмем на ваш видео файл, затем выбираем «Код» копируем HTML-код, и вставляем его на страницу сайта, где мы хотим видеть данный видеоплеер.

Это был Flash видеоплеер.

Как вставить видео на сайт HTML5

Установить видеоплеер HTML5 на сайт, можно в том же сервисе Uppod. Все так же, как и выше описано, только для HTML5 нужно будет зайти в настройки, кликнуть по » Настройки кода» и вставить галочку на HTML5. Все это находится в разделе «Собрать плеер».

Как вставить видео с YouTube на сайт

Взять видео с YouTube и вставить на свой сайт, не сложно и будет даже попроще описанного способа выше, но уже с не подконтрольным показом назойливой рекламы.

Видео от YouTube, вот так примерно будет выглядеть на вашем сайте.

Нужно вставить вот такой html фрейм, в то место на сайте, где вы задумали расположить своё видео:

https://www.youtube.com/embed/USa3GOIIKuQ » frameborder=»0″ gesture=»media» allow=»encrypted-media» allowfullscreen>

Что бы личное видео или любое интересующее вас показывалось на сайте, его сначала нужно закачать к себе на Ютуб канал, а затем через кнопку ПОДЕЛИТЬСЯ скопировать ссылку и вставить в уже имеющийся html-код как показано выше, либо нажать ВСТРОИТЬ и взять видеоплеер целиком.

Вот такими несложными тремя способами можно легко установить видеоплеер на сайт.

источник

21 бесплатный видео-плеер для вашего веб-сайта или блога

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

На сегодняшний день существуют сотни тысяч медиа-ресурсов. Мы решили облегчить вам процесс поиска, и собрали подборку лучших видео/медиа-плееров, доступных в сети абсолютно бесплатно. Ниже вы найдете коллекцию бесплатных видео-плееров для вашего веб-сайта, с помощью которых вы можете повысить продуктивность сайта.

Читайте также:  Установка wps office manjaro

Бесплатные видеоплееры для вашего веб-сайта

Учитывая увеличение требований к полезным приложениям в сети, мы стараемся регулярно радовать вас чем-то новым, и вот, сегодня собрали подборку из бесплатных приложений на видео тематику. Учтите, что в этом списке сортировка идет не по качеству и уровню приложения. Итак, давайте уже приступим к ознакомлению с коллекцией приложений, которые могут понадобиться любому дизайнеру, разработчику или фрилансеру. Вам просто нужно ознакомиться с некоторыми инструкциями, и можно приступать к пользованию. В нашей сегодняшней статье вы найдете подборку бесплатных видео-плееров с подробным описанием.

Flowplayer представляет собой видео-плеер для веб, который распространяется с исходным кодом. Вы можете использовать его для того, чтобы встраивать видео в собственные веб-сайты. Приложение разработано специально для владельцев сайтов, разработчиков и серьезных программистов. Используя данное приложение, вы сможете создать плеер с индивидуальным оформлением, и разместить его на вашем веб-сайте.

* бесплатный
* возможность разработки собственного плеера за несколько минут
* Плавный как шелк – плеер оптимизирован на работу в среде веб. Строка прогресса перемещается очень быстро и плавно. Также есть два эффекта автоскрытия: «исчезание» и «скольжение».
* Возможность прогонять поток различными способами – протоколы RTMP или HTTP со многими сервисами типа lighttpd, Apache, nginx или IIS; или прогоняйте свои видео-файлы посредством сетей Akamai, Amazon Cloudfront, Highwinds, HDDN, SimpleCDN и многих других.
* Расширенные веб-стандарты – Flowplayer разработан при помощи технологии Flash, что гарантирует то, что 90% пользователей сети Интернет смогут просматривать ваши видео-файлы. Также в плеере встроен уникальный API JS, который может менять способ взаимодействия с Flash.

Скачайте полноценное руководство по установке и эксплуатации видео-плеера.

Video LightBox представляет собой JS-приложение, с помощью которого вы без труда сможете встроить видео в ваше веб-сайт, веб-страницу или блог. Вся работа требует нескольких кликов, и вам даже не обязательно разбираться в коде.

Video LightBox распространяется абсолютно бесплатно, если будет использовано не в коммерческих целях. Для использования на коммерческих веб-сайтах вам придется заплатить незначительную сумму за лицензию. Video LightBox Business Edition также предоставляет вам возможность удаления водного знака с указанием источника.

* возможность внедрения файлов flv, mp4, 3gp
* возможность добавления видео с Youtube, Facebook, Google Video, Metacafe, Vimeo, MySpace
* версии для Mac и Windows
* соответствие с XHTML
* автоматическое создание миниатюр
* возможность добавления описания
* многочисленные темы оформления
* встроенный сервер FTP

Скачайте полноценное руководство по установке и эксплуатации видео-плеера на официальном веб-сайте.

JW Player представляет собой гибкий flash-видео-плеер. Он поддерживает почти любой формат FLV, H.264, MP4, MP3, AAC, JPG, PNG и GIF. Он также поддерживает различные потоки и форматы плей-листов (RMTP, HTTP и так далее), а также расширенный API javascript.

* Вы можете менять внешний вид плеера
* Хорошая система плагинов – с помощью плагинов вы можете реализовать почти все. Вы можете разрабатывать собственные плагины посредством Developer SDK и дополнительных ресурсов, или ознакомиться с уже готовыми плагинами типа Analytics, Viral, Adtonomy, Rate It и так далее
* Легкое управление видео

Эта инструкция расскажет вам о процессе установки JW Player for Flash v5. Для начала, скачайте архив с сайта.

Этап 1: Загрузите файлы плеера на веб-сайт – скопируйте файлы player.swf, yt.swf и swfobject.js из архива на сайт. Убедитесь также, что вы закачали все нужные видео-файлы, песни или изображения на сайт.

Этап 2: Вставьте код плеера в HTML – в HTML-страницу вставьте строки кода, предоставленные ниже. Примечание: Если вы размещаете файлы в разные директории, убедитесь, что вы указали все директории в коде.

Заметьте, что параметр flashvars, указанный выше, содержит переменные для настройки плеера, посредством которых вы можете управлять плагинами и темами оформления. Для быстрой настройки FlashVars используйте помощника настройки . Просто выберите пример, укажите переменную, которую вы хотите использовать и вставьте код в страницу. Все просто.

Скачайте полноценное руководство по установке и эксплуатации видео-плеера.

GDD FLVPlayer представляет собой бесплатную функцию проигрывания FLV/mp4 (MPEG-4 файлы, оптимизированные для работы во flash) файлов. С помощью GDD FLVPlayer вы с легкостью сможете проигрывать видео-файлы, и вам не потребуется каких-либо дополнительных знаний в области инструментов разработки Flash.

* полностью настраиваемая панель управления
* возможность разместить свои файлы FLV или mp4 за несколько кликов
* добавляйте видео в любые Flash-проекты за секунду
* возможность добавления собственного интро или рекламных знаков
* возможность использовать собственный логотип в плеере
* возможность устанавливать любой размер видео
* все абсолютно бесплатно
* не нужны специальные знания программинга

Инструкцию по установке и эксплуатации + GDD FLVPlayer можно скачать здесь .

MC Media Player представляет собой медиа-плеер, разработанный на Flash, с помощью которого вы сможете встраивать видео, аудио и даже изображения в ваши веб-страницы. Приложение бесплатно как для коммерческих, так и для личных целей.

В данный момент доступны 2 версии плеера: MC Classic (ранее известный как версия 720*360) и MC Altair (бета).

MC Altair – версия представляет собой один файл плеер, который очень просто настроить и оформить. Он поддерживает форматы FLV и H.264 (прогрессивное скачивание и поток RTMP).
MC Classic – изначально был только этот проект, но сейчас он уже приостановлен и вряд ли когда-то будет разрабатываться дальше.

* настраиваемый интерфейс
* может работать как на сервере MC Media Player, так и на вашем собственном
* возможность масштабирования

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

Video Player Pro представляет собой еще один полезный бесплатный инструмент, который легко настроить и добавить на собственный сайт. Он бесплатен, если вы будете использовать его в личных целях.

* совмещает в себе все ваши видео и представляет их одной привлекательной коллекцией
* Video Player Pro поставляется в различных версиях, которые отличаются функциями, требуемыми на вашем личном сайте
* просматривайте видео в том виде, в котором их удобнее всего просматривать
* не требуется знаний в программировании Flash

В сети есть очень подробное видео-обучение по использованию данного плеера.

VISCOM Web Player – это бесплатная платформа независимого веб-видео-плеера, который вы без труда сможете внедрить в собственный веб-сайт, блог, форум, или аккаунт на myspace и так далее.

* поддержка проигрывания видео в формате flv на вашем сайте
* поддержка плей-листа в формате xml, так что вы можете добавлять несколько видео
* включение/отключение списка миниатюр
* поддержка полноэкранного режима
* поддержка автоперехода к следующему видео в плей-листе
* поддержка управления соотношением сторон дисплея
* не требуется специальных знаний программирования
* включены шкуры оформления высокого качества

SS4UPlayer представляет собой гибкий видео-плеер для веб-страниц, который поддерживает проигрывание прямо с потока, или метод прогрессивного скачивания. Работает как на системах Windows, так и на Linux. Поддерживает форматы FLV, 264, MP4, MP3. Плеер обладает множеством настроек flashvar, которыми можно управлять посредством JS. Вы можете полностью изменить внешний вид посредством системы тем оформления на основе XML.

* старт/пауза, строка прогресса, таймер, полноэкранный режим, уровень громкости, предварительный просмотр
* вы можете загрузить персональный логотип
* полноценный Flash AS3 с классами и пакетами
* возможность загрузки видео посредством flashvars в JS или посредством файла XML
* плей-листы на основе XML
* поддержка как потокового проигрывания, так и прогрессивного скачивания
* возможность оформления по собственным предпочтениям

Полноценное руководство поставляется в каждом zip-файле с плеером. Либо вы можете скачать руководство в PDF .

09. Anarchy Media Player — больше не существует

Anarchy Media Player разработан специально для тех, кто привык к удобству и простоте в использовании. С его помощью вы без труда разместите видео или аудио на своем сайте, и это содержимое можно будет воспроизвести прямо со страниц сайта. Приложение распространяется по лицензионному соглашению GNU General Public License.

Читайте также:  Установка импланта нужно ли сдавать анализы

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

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

Разработчики браузеров все еще ведут работу над разработкой полноценной поддержки спецификации видео HTML5, так что данный браузер пока что является экспериментальным и будет работать не во всех браузерах. Но в будущем его точно можно будет применять во всех браузерах.

SublimeVideo вскоре будет выпускаться абсолютно бесплатно (по крайней мере, версия, предназначенная для некоммерческих целей).

* возможность масштабирования по всему размеру окна просмотра в браузере
* полноэкранный режим
* преимущества видео HTML5 – никаких плагинов, никакой зависимости от Flash. Вы также можете перейти к любому фрагменту видео без задержки на загрузку буфера
* отдельная библиотека javascript

Бесплатные плагины видео-плееров для блогов WordPress

WP Media Player представляет собой плагин на основе Silverlight для WordPress, с помощью которого можно внедрить сразу несколько плееров на одну страницу блога, или на одну страницу. Его можно использовать как для воспроизведения собственных видео-файлов, так и для проигрывания содержания сторонних серверов видео.

* 6 тем оформления
* статистика просмотров видео
* все требуемые функции плеера
* возможность настройки и оформления нескольких браузеров на одной странице по отдельности
* интерфейс загрузки видео встроен в форму отправки поста в WordPress

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

Плагин для WordPress, с помощью которого вы сможете добавить видео (и другие медиа-файлы) на ваш веб-сайт, основанный на системе WordPress. Доступны множество функций и опций, которые вы можете отредактировать. Установка очень проста и вам не потребуется специальных знаний. Вы также без труда сможете удалить этот плагин, он не требует базы данных. 5-я версия предоставляет полную поддержку тем оформления, интеграцию с Google Analytics, а также возможность отображения рекламных объявлений с LongTail Solutions.

* возможность полного редактирования внешнего вида
* Google Analytics в совокупности с видео-файлами
* включена поддержка объявлений с LongTail Solutions
* отвечает стандартам XHTML
* не требует базы данных
* Плейлисты, RSS, ATOM, XSPF, RTMP
* возможность интеграции виджетов

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

Anarchy Media Player 2.5 для WordPress воспроизведет вам любой документ по ссылке на файл формата mp3, flv, Quicktime mov, mp4, m4v, m4a, m4b, 3gp, а также Windows wmv, avi и asf на странице вашего сайта. Версии для WordPress также добавляют кнопки в редактор сообщений, и вы можете добавлять файлы swf и dcr, а также видео с YouTube, Google Video, iFilm, DailyMotion, Revver, Metacafe, MySpace, Apple iTunes iMix и GoEar.

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

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

* возможность загрузки, записи файлов с веб-камеры и импорта файлов прямо в сообщение блога
* возможность активировать комментарии пользователей
* управление и слежение за видео-файлами посредством панели управления
* возможность активировать рекламу в видео-роликах
* полноценная панель администратора
* поддержка более 150 форматов аудио, видео и изображений

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

Вам надоело сохранять видео-файлы с сайтов типа YouTube? Тогда этот плагин для вас.

Просто кликните по одной из кнопок, которые этот плагин добавляет на панель редактора, а затем вставьте ссылку на видео – все просто. Вы полностью управляете отображением видео (ширина, высота, цвета, расположение на странице). Ваш сайт даже останется валидным относительно XHTML, в отличие от кода, который предоставляется другими сайтами.

* поддержка форматов: Flash Video Files, QuickTime, Generic
* в данный момент поддерживается несколько больших проектов типа YouTube, Google Video, DailyMotion, Vimeo и так далее.

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

Smart Youtube представляет собой плагин для WordPress, который позволяет вам с легкостью интегрировать видео с Youtube в ваши сообщения, комментарии и рассылку RSS.

Главная цель данного плагина в том, чтобы правильно встраивать видео с системы youtube в сообщения вашего блога. Видео также будет корректно отображаться в рассылке RSS.

* простота в интеграции видео в сообщения
* поддержка современных протоколов высокого качества (360p/HD/720p)
* возможность настройки видео (границы, цвета, полноэкранный режим)
* поддержка глубоких ссылок (начиная от &start=переменная времени)
* работает на iPod и iPhone
* предоставление панели с виджетами для работы с видео
* валидный XHTML

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

Плагин разработан для простого встраивания видео в сообщения вашего блога. Видео можно интегрировать также и со сторонних ресурсов (YouTube, Google Video и многих других), или же они могут быть загружены на сервер или на удаленный ресурс. Если потребуется, то может быть сгенерирована ссылка на портал-источник. Текст ссылки также можно отредактировать. Видео можно интегрировать посредством редактора WYSIWYG. Плагин генерирует XHTML-валидный код и работает с WordPress 2.5.

* поддержка форматов: flv, swf, mov, qt, wmv, mpg, mpeg, mpe, asf, asx, wax, wmv, wmx, avi.
* в данный момент поддерживают порталы видео: YouTube, Google Video, dailymotion, MyVideo, Clipfish, Sevenload, Revver, Metacafe, Yahoo! Video, ifilm, MySpace Video, Brightcove, aniBOOM, vimeo, GUBA, Garage TV, GameVideos, vSocial, Veoh, Gametrailers.

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

Плагин представляет собой JW FLV MEDIA PLAYER 5.1 и позволяет вам с легкостью встраивать видео, аудио или flash-файлы встраивать в сообщения в вашем блоге WordPress.

WordTube поддерживает формат потокового видео (.flv или .swf), аудио-файлы MP3 и JPG, GIF или PNG. С помощью этого плагина вы можете встраивать файлы в блог посредством тэга tag [media ].

Вам не нужно менять режим редактора WYSIWYG или особых знаний HTML. Вы можете просто отобразить медиа-файл (например, FLV-файл), или плей-лист, в котором будут все ваши медиа-файлы.

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

Плагин встраивает он-лайн видео (YouTube, Vimeo, Veoh, Youku, Dailymotion и так далее) в сообщения вашего блога посредством JW FLV Player.

* 27 различных тем оформления
* Собственные плей-листы
* Рейтинг видео
* Визуализатор аудио

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

Плагин SeeTheFace для WordPress позволит вам превратить ваш текстовый блог в видео-сайт.

С помощью пользователей Siteclip, вы сможете использовать рекордер видео сообщений и фильтры. Более того, механизм, скрытый за SiteClip позволяет вам интегрировать его с любым веб-сайтом, независимо от его уровня сложности. SiteClip может быть встроен в электронный магазин, в образовательный или новостной сайт, в сообщество и так далее.

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

FLV Embed представляет собой плагин для WordPress, который упрощает процесс добавления FLV-файлов на страницы блога. Вам придется оплатить лицензию на использование плагина в коммерческих целях. Если вы хотите узнать больше о FLV, и о том, почему вам нужно использовать этот формат, то человек по имени Джероен уже расписал отличную статью, которую вы можете найти на этом сайте.

* Принуждает использовать стандартные тэги плагина
* Наилегчайший способ интеграции FLV-файлов
* Высокая степень мобильности и расширения
* Отвечает стандартам XHTML (это для тех, кто заботится о валидности)

Перейдите по этой ссылке , чтобы ознакомиться с руководством по установке.

Возможно, мы что-то упустили при подборке и написании этой статьи. Пожалуйста, если у вас есть информация, которой нет в данной статье, поделитесь с нами в комментариях.

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

источник

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