0

私は次のことをしようとしています：

プレーヤーなしでページをロードします。ユーザーが特定の要素（つまりリンク）をクリックすると、プレーヤーは所定の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にロードされるという考え方です。これと同じコードは、通常の方法（ページの読み込み時）でプレーヤーを読み込むと完全に機能します。

私が試していることは可能ですか？

4

1 に答える 1

3

あなたはかなり近いです。セットアップ機能の後に追加する必要があるのは、次のとおりです。

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>
于 2012-12-10T15:04:36.917 に答える