Простой видеоплеер для своего сайта на jQuery.

Для установки на страницу сайта видеоплеера нужно:

1. В то место страницы, где должен стоять плеер вставить нижеприведенный код:

< video class="projekktor" controls="" height="285" id="player_b" poster="media/intro.png" title="Video playr" width="440">    
< source src="media/video.mp4" type="video/mp4"> < /source>
< /video>

В теге video  параметры height и width задают высоту и ширину плеера, параметр poster - заставку плеера, а параметр src в теге source задает адрес вашего видео. Остальные параметры минять не нужно.

2. В раздел HEAD вставить скрипт:

< script type="text/javascript">
   $(document).ready(function() {
              projekktor( '#player_b', 
              {}, 
              function(player) { 
              $('#projekktorver').html( player.getPlayerVer() );
        } );
     });
< /script> 

3. Подключить модули jQuery и таблицу стилей, например так:

< link href="theme/style.css" media="screen" rel="stylesheet" type="text/css" />
< script type="text/javascript" src="jquery-1.7.2.min.js">< /script>
< script type="text/javascript" src="projekktor-1.2.04r140.min.js">< /script>

Архив с демонстрационной страницей плеера можно скачать по этой ссылке. Посмотреть как это работает можно тут.

 Назад