1. Главная страница » Как сделать...? » Как установить видеоплеер себе на сайт за 10 минут

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

Автор: | 29.04.2013

Установка видеоплеера на своем сайте довольно проста и не требует больших усилий.

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

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

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

  • player.swf (сам видеоплеер)
  • jwplayer.js (файл javascript, без него ничего не будет работать)
  • video.mp4 (видеоролик)
  • preview.jpg (фото, заставка)

И копируем их в корневую папку вашего сайта.

Далее вставляем этот код в то место где хотите увидеть ваш плеер:

<div id="mediaplayer">JW Player goes here</div>
        
<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">
        jwplayer("mediaplayer").setup({
                flashplayer: "player.swf",
                file: "video.mp4",
                image: "preview.jpg"
        });
</script>

Вот как это будет выгладить:

JW Player goes here

Либо такой код, который позволяет менять размер видеоплеера:

<embed src='player.swf' height='150' width='200'
 allowscriptaccess='always'
 allowfullscreen='true'
 flashvars="&controlbar=over&file=video.mp4&image=preview.jpg&
 plugins=viral-2d"/>

Вот как это будет выгладить:

Если вы хотите поставить видео с YouTube, то в место название видеоролика прописываете полный путь к видео с YouTube.

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

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

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

*

code