Расширенный JQuery / Flash Player для YouTube видео - PullRequest
0 голосов
/ 04 декабря 2011

Как реализовать продвинутый видеоплеер (javascript / jquery / flash) для видео на YouTube, поддерживающий списки воспроизведения?Есть ли хороший сценарий с открытым исходным кодом для этого, который я мог бы изменить.

Мне бы хотелось, чтобы плеер был похож на тот, который используется на jukesy.com или grooveshark.com.

Заранее спасибо

1 Ответ

1 голос
/ 05 декабря 2011

Посмотрите этот пример.

Playlist.xml из примера:

<rss version="2.0"
    xmlns:jwplayer="http://developer.longtailvideo.com/trac/" 
    xmlns:media="http://search.yahoo.com/mrss/"> 
  <channel> 
    <title>Playlist with Thumbnails</title> 
    <item> 
      <title>Big Buck Bunny Trailer</title> 
      <media:content url="/videos/bunny.mp4" /> 
      <media:thumbnail url="/thumbs/bunny.jpg" />
      <jwplayer:playlist.image>/thumbs/bunny_small.jpg</jwplayer:playlist.image> 
      <jwplayer:duration>33.03</jwplayer:duration> 
    </item> 
    <item> 
      <title>Sintel</title> 
      <media:content url="/videos/sintel.mp4" /> 
      <media:thumbnail url="/thumbs/sintel.jpg" />
      <jwplayer:playlist.image>/thumbs/sintel_small.jpg</jwplayer:playlist.image> 
      <jwplayer:duration>888.06</jwplayer:duration> 
    </item> 
    <item> 
      <title>Elephant&#39;s Dream</title> 
      <media:content url="/videos/elephant.mp4" /> 
      <media:thumbnail url="/thumbs/elephant.jpg" /> 
      <media:thumbnail>/thumbs/elephant.jpg</media:thumbnail> 
      <jwplayer:playlist.image>/thumbs/elephant_small.jpg</jwplayer:playlist.image> 
      <jwplayer:duration>653.79</jwplayer:duration> 
    </item> 
  </channel> 
</rss>

<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>

Код для вставки из примера:

<div id='mediaplayer'></div>

<script type="text/javascript">
  jwplayer('mediaplayer').setup({
    'flashplayer': 'player.swf',
    'id': 'playerID',
    'width': '650',
    'height': '240',
    'playlistfile': 'playlist.xml',
    'playlist.position': 'right',
    'playlist.size': '250'
  });
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...