jPlayer多视频演示代码？

Question

我只是在学习jPlayer。喜欢它的多功能性，为它运行的每个系统选择合适的格式。有没有我应该知道的HappyWorm或第三方的多视频演示代码？

我想为多个视频创建一个播放器，如下所示：

​

​

附注:如果您想在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参数将缩略图添加到播放列表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/

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