用于 youtube 视频的高级 jquery/flash 播放器答案

【问题标题】：Advanced jquery/flash player for youtube videos用于 youtube 视频的高级 jquery/flash 播放器
【发布时间】：2012-01-12 12:08:50
【问题描述】：

如何为支持播放列表的 youtube 视频实现高级视频播放器（javascript/jquery/flash）？有没有一些好的开源脚本，我可以修改。

我想要与 jukesy.com 或grooveshark.com 上使用的类似的播放器。

提前致谢

【问题讨论】：

标签： javascript jquery flash youtube

【解决方案1】：

Check out this example.

示例中的 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>

【讨论】：