加载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”分区。如果我按照通常的方式（当页面加载时）加载播放器，这个相同的代码完美地工作。

是否有可能我正在尝试？

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>