jPlayer多视频演示代码？

Question

我刚刚学习jPlayer。喜欢它的多样性，为它运行的每个系统选择合适的格式。是否有任何来自HappyWorm或第三方的多视频演示代码，我应该注意哪些？

我想为这样的多个视频创建播放器：

P.S。如果您想在iframe期间帮助我解决最大化问题，请在此处执行此操作：jPlayer fullscreen while inside IFRAME?

Answer 1

listItem += "<a href='javascript:;' class='" + this.options.playlistOptions.itemClass + "' tabindex='1'><img src='" + media.thumb + " ' />" + media.title +  (media.artist ? " <br /><span class='jp-artist'>by " + media.artist + "</span>" : "") + "</a>";

在de html文件中添加了一个新参数'thumb'...

Answer 2

首先，转到jplayer.org下载页面，获取2.1的源文件。从源包中获取未压缩的jplayer.playlist.js文件。 您需要查看第243行，了解吐出播放列表HTML的位。 您可以使用poster参数将您的thumnails添加到播放列表HTML中。这样的事情（未经测试的代码）：

// add the image
listItem += "<a href='javascript:;' class='" + this.options.playlistOptions.itemClass + "-thumb' tabindex='1'><img src='" + media.poster + "' /></a>";
// existing code to make the title
listItem += "<a href='javascript:;' class='" + this.options.playlistOptions.itemClass + "' tabindex='1'>" + media.title + (media.artist ? " <span class='jp-artist'>by " + media.artist + "</span>" : "") + "</a>";

接下来，您将要从一个主题CSS文件开始，作为与视频相关的一些基本要素的参考，然后从头开始重做其余部分以构建符合您设计的播放器。

还要检查setPlaylist演示以及现在可以使用播放列表执行的所有其他很酷的内容：

http://jplayer.org/latest/demo-02-jPlayerPlaylist/

我发现这种加载/修改播放列表的方法非常棒。