查看jwplayer的文档我找不到有关如何将文件附加到现有播放列表的任何参考。
规范是指用户能够在浏览网站时将媒体文件添加到播放列表,而不会中断当前文件的播放
player.getPlaylist().push({file:'test.mp3', 'title':"test"})
不起作用(不会指望它真的基于方法的名称),唯一的方法似乎是重新加载播放列表,如下所述:How to load playlist without restart the current playing video
但感觉不对,可能会阻止添加无缝媒体。
另一种选择是编写一些自定义播放列表逻辑,但我宁愿避免这种情况并使用jwplayers自己的播放列表控件
有没有人有更好的方法来做到这一点? 谢谢你的帮助!
答案 0 :(得分:0)
以下是一些示例代码:
<!DOCTYPE html>
<html>
<head>
<title>Add to Playlist</title>
<script type="text/javascript" src="http://www.longtailvideo.com/jwplayer/jwplayer.js"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
jwplayer("container").setup({
height: 254,
width: 720,
file: "http://content.bitsontherun.com/videos/nPripu9l-60830.mp4",
image: "http://content.bitsontherun.com/thumbs/nPripu9l-320.jpg",
title: "Big Buck Bunny trailer",
listbar: {
position: "right",
size: 280,
},
primary: 'flash'
});
function addVideo(videoUrl, videoThumb, videoTitle) {
var playlist = jwplayer().getPlaylist();
var newItem = {
file: videoUrl,
image: videoThumb,
title: videoTitle
};
playlist.push(newItem);
jwplayer().load(playlist);
}
</script>
<p>Click on one of the links below to add an item to the player:</p>
<ul>
<li><a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/16026/loading-a-playlist-into-the-player#" onclick="addVideo('http://content.bitsontherun.com/videos/yj1shGJB-60830.mp4', 'http://content.bitsontherun.com/thumbs/yj1shGJB-320.jpg', 'Sintel trailer'); return false;">Add the Sintel trailer to the playlist</a></li>
<li><a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/16026/loading-a-playlist-into-the-player#" onclick="addVideo('http://content.bitsontherun.com/videos/i8oQD9zd-kNspJqnJ.mp4', 'http://content.bitsontherun.com/thumbs/i8oQD9zd-640.jpg', 'Tears of Steel'); return false;">Add the Tears of Steel trailer to the playlist</a></li>
</ul>
</body>
</html>