load - 点击加载jw播放器

Question

我正在尝试执行以下操作：

加载没有播放器的页面。当用户单击某个元素（即链接）时，播放器应加载到预定的 div 中。

这是我到目前为止没有太多运气的代码：

<div class="player-audio">
    <div id='mediaplayer2'></div>

    <a href="#" id="btn_audios">view audios player</a>
</div>

<script type="text/javascript">
$(document).ready(function() {
    $("#btn_audios").click(function() {
        jwplayer('mediaplayer2').setup({
            'flashplayer': 'jwplayer/player.swf',
            'id': 'playerID2',
            'width': '400',
            'height': '240',
            'playlistfile': 'audios.xml',
            'playlist.position': 'bottom',
            'playlist.size': '216',
            'controlbar': 'top',
            'skin': 'jwplayer/skins/yellow-player/yellow-player.zip'
          });
    });
});
</script>

这个想法是当用户点击“查看音频播放器”链接时，播放器加载到“mediaplayer2”div中。如果我以通常的方式（当页面加载时）加载播放器，同样的代码可以完美地工作。

有可能我正在尝试吗？

Answer 1

你很接近。设置功能后唯一需要添加的是：

jwplayer('mediaplayer2').load();

所以这使得：

<script type="text/javascript">
$(document).ready(function() {
    $("#btn_audios").click(function() {
        jwplayer('mediaplayer2').setup({
            'flashplayer': 'jwplayer/player.swf',
            'id': 'playerID2',
            'width': '400',
            'height': '240',
            'playlistfile': 'audios.xml',
            'playlist.position': 'bottom',
            'playlist.size': '216',
            'controlbar': 'top',
            'skin': 'jwplayer/skins/yellow-player/yellow-player.zip'
          });
          jwplayer('mediaplayer2').load();
    });
});
</script>