Как поставить видеоплеер себе на сайт?
Естественно, много есть плееров, которые можно купить. Наша же задача найти бесплатный и функциональный плеер. Вот первое, что предлагает нам гугл при попытке поиска - JW Player. На первый взгляд он покажется сложным и надо долго читать документацию, чтобы разобраться. На самом деле, установка заключается в нескольких шагах.
Итак, Шаг 1:
- Скачиваем внизу этой страницы архив с плеером и всем необходимым для его работы (можно скачать архив с офф-сайта, но я не сразу добился работоспособности новой версии, поэтому предлагаю свой архив);
Шаг 2:
- Собственно, распаковываем и берём с index.html следующий код
1 |
var so = new SWFObject( 'player.swf' , 'player' , '470' , '470' , '2' , '#' ); |
2 |
so.addParam( 'allowfullscreen' , 'true' ); |
3 |
so.addParam( 'allowscriptaccess' , 'always' ); |
4 |
so.addParam( 'wmode' , 'opaque' ); |
Сделаю краткое объяснение.
- Строка 1. Объявляем объект для плеера и задаём параметры ему. Первый параметр - путь к файлу .swf плеера, 3-й и 4-й параметр - ширина и высота плеера.
- Строка 2. Включаем возможность полноэкранного режима просмотра видео.
- Строка 5. Различные настройки плеера.
- file - путь к файлу (в данном случае, файл тянется с youtube);
- provider - настройка используемая, когда, например, файл надо проигрывать с youtube (если файл находится на нашем сервере, то данная настройка не требуется);
- skin - путь к xml-файлу скина плеера (можно так же не использовать эту настройку, в этом случае будет использоваться стандартный скин, а скины можно скачать с офф-сайта);
- Строка 6. Рисуем наш плеер, в параметре пишем id элемента, в который мы хотим поместить плеер. Не забываем создавать элемент с этим id!
И конечно же, не забывайте подключать файл swfobject.js Если помог скажи просто СПАСИБО в коментах...
|