В предыдущем материале я рассказал, как установить 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:
Скачать с Depositfiles.com
