我已经通过javascript创建了动态播放列表,所以基本上用户可以点击按钮来更改播放列表(例如:http://support.jwplayer.com/customer/portal/articles/1439570-example-loading-new-playlists)并且我已将jwplayer代码添加到页面上的特定div中,如下所示。
<div id="JW6DIV">
<div id="video"></div>
<script type='text/javascript'>
jwplayer('container').setup({
'width': "100%",,
'file': "playlist1.mp4",
});
</script>
</div>
Now what i'm trying to do is have a popout button so that ONLY THE PLAYER would open up on a new window , so for that i've done the following to popout the DIV Of the Player ...
<script>
function openWin() {
var divText = document.getElementById("JW6DIV").outerHTML;
var myWindow = window.open('', '', 'width=900,height=600');
var doc = myWindow.document;
doc.open();
doc.write(divText);
doc.close();
}
</script>
<a href="#" onclick="openWin()">Popout Video</a>
现在这样可行,但它总是返回第一个播放列表项目,基本上是打开页面时出现的默认项目,因此如果用户将播放列表切换为“Playlist1.mp4”以外的任何内容,则无关紧要因为只有弹出时,Playlist1.mp4会出现在视频中。
如何通过以下方式实现此目的:当用户切换播放列表并点击弹出窗口时,当前播放的播放列表会显示在弹出窗口中?
非常感谢所有帮助,已经开展了数小时的工作。
谢谢你们。