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

你非常接近。在setup函数之后，您唯一需要添加的是：

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>

单击加载jw播放器

1 个答案: