Web-мастер
 


Здравствуйте,
гость !

   Логин
   Пароль
Регистрация 



Наш вопрос:

Как узнали об этом сайте?
Из рекламы
Случайно наткнулся
Не помню
Из поисковой системы
Узнал от друга

Простой видеоплеер для своего сайта на 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>


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

 Назад

© AlSoft   2012 г. Web-дизайн и создание сайтов.