Бесплатный JW Player для сайта. Установка и настройка

В предыдущем материале я рассказал, как установить JW Player на сайт, используя облачную технологию. Это, конечно, неплохо, когда движок плеера не занимает место и не расходует ресурсы сервера, за которые приходится платить.

Но я, лично, по старинке, предпочитаю иметь всё при себе. Поэтому в этом материале я расскажу, как установить движок JW Player`а на сайт. Собственно, в этом нет абсолютно ничего сложного.

Преимуществами плеера являются скин (один вариант при бесплатной лицензии) с оперативным управляющим баром и возможностью добавить название видеоролика прямо на середину окна.

Вот пример воспроизведения видеоролика, расположенного на моём сайте, с помощью плеера JW Player версии 6.7:

Загрузка плеера...

Итак, как установить этот плеер себе на сайт. Для начала надо зарегистрироваться на сайте http://jwplayer.com, как лучше это сделать, рассказано здесь, затем переходим на страничку менеджера плеера.

Внизу страницы задан вопрос, каким плееров вы хотите пользоваться - установленным на сайте, предлагается его скачать (ссылка Download Self-Hosted Player), либо облачным. Сейчас речь идёт об установленном на сайте, поэтому кликаем по ссылке "Download Self-Hosted Player", скачиваем архив jwplayer-6.7.zip, разархивируем, получаем папку jwplayer и размещаем её где-нибудь в файлах у себя на сайте. Впрочем, если Вам лень регистрироваться на jwplayer.com, то Вы можете скачать архив с плеером по ссылкам внизу этой странички.

Этот код Вы размещаете между тегами <head> и </head>

1
<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>

В примере кода указан путь до папки jwplayer в случае, если она размещена в корне Вашего сайта. Понятно, что если Вы положили папку не в корень, а, к примеру, в папку site/files/js, то и код будет выглядеть так:

1
<script type="text/javascript" src="site/files/js/jwplayer/jwplayer.js"></script>

Теперь о второй части кода, которую следует вставить между тегами <body> и </body> в том месте, где Вы хотите разместить видео.

В примере кода:
/files/video/videoclip.mp4 - размещение Вашего видеоклипа
/files/image/image.img - размещение заставки клипа
400 - ширина кадра
240 - высота кадра
Мой мегаклип - название клипа

А вот и сам код:

1
2
3
4
5
6
7
8
9
10
11
<div id="myElement">Загрузка плеера...</div>
 
<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "/files/video/videoclip.mp4",
        image: "/files/image/image.img",
                width: 400,
                height: 240,
                title: "Мой мегаклип"
    });
</script>

Вставляем в тело страницы и наслаждаемся. Собственно, это всё, спасибо за внимание )))

Скачать JW Player:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

В статье речь пойдёт, как понятно из заголовка, об установке и настройке на сайт плеера JW Player. Данный плеер поддерживает видео в формате flv,...
Имеется три основных вида звукового сопровождения для видеоклипа: 1. звук, уже имеющихся на видео, записанный, к примеру, микрофоном камеры, и Вы...
Интерфейс программы
С помощью русскоязычной программы CamStudio 2.7 Вы можете записывать всё происходящее на экране Вашего монитора. Программа может создать видео в...
VLC media player
В данной публикации Вы сможете скачать бесплатный проигрыватель VLC media player, также узнать, как переключить интерфейс программы на русский язык и...