1

さまざまなビデオをロードするページがあります。それが何かを意味する場合は、jwプレーヤーをプレーヤーとして使用します。そして、私の問題は非常に有線です... JWプレーヤーは最初のビデオのみを再生します。どのリンクをクリックしても、常に最初のビデオが再生されます。

ソース コード (実行された html) が表示される場合、動画は正しく読み込まれます。つまり、img1、video1.flw へのリンク、img2 から video2.flw へのリンクなどです。ただし、どのリンクをクリックしても、最初のビデオしか再生されません。

なぜこれが起こるのか誰でも理解できますか???

ビデオに関連するコードは次のとおりです。

ヘッダーに次のコードがあります。

<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/basic.js'></script>
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>

そして、これはビデオが配置されるコードです:

<div id='basic-modal'>
<a href='#' class='basic'>
<img src="backOffice/backOfficeImages/<?php echo $r[instrument_image]; ?>" alt="" width="300" height="410" />
</a> 
</div>

<!-- modal content -->
<div id="basic-modal-content">  
<!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE -->
<div id="<?php echo $i;?>">JW Player goes here</div>

<script type="text/javascript">
jwplayer("<?php echo $i;?>").setup({ 
flashplayer: "/jwplayer/player.swf",
autostart:true,
file: "backOffice/videos/instruments/<?php echo $r[instrument_video]; ?>",
height: 360,
width: 640
});
</script>
<!-- END OF THE PLAYER EMBEDDING -->   
</div>
<!-- preload the images -->
<div style='display:none'>
<img src='images/x.png' alt='' />
</div>

<?php
$i++;
?>

$i 変数は、このコードがある while ループの上で 0 に設定されます。同じループでも、画像は正しく表示され、ソース コードのビデオは正しい (video1、video2、video3...) ですが、どの画像をクリックしても最初のビデオのみが再生されることに注意してください。

誰でも助けてくれますか??

よろしく、ゾラン

4

1 に答える 1

1

各リンクに特定のモーダルを開くように指示するものは何も表示されません。毎回最初のモーダルにデフォルト設定されているだけだと思います。

それはすべて、js/jquery.simplemodal.js および js/basic.js の内部にあるもの (つまり、リンクを接続する必要があるコード) に依存します。

リンク内とモーダル内にインデックス (0,1,2,3) を含むものが表示されることを期待しています。これを使用して、link3 を modal3 にバインドできます。

例（ただし、有効な回答のリンクをどのように設定しているかについて、さらに情報が必要です）：

<div id='basic-modal' data-index="<?php echo $i;?>">
  ...
</div>


<div id="basic-modal-content" data-index="<?php echo $i;?>">  
  ...
</div>

次に、basic.js 内のどこか (またはリンクが接続される場所) のようなコードを想像します。

// hook up the video links to launch the correct modal
$('div#basic-modal').bind('click', function() {

    // grab the index of the link that was clicked
    var linkIndex = $(this).attr('data-index');

    // get a reference to the corresponding modal
    var modal = $('div#basic-modal-content[data-index="' + linkIndex + '"]');

    // use whatever code you need to show the modal window
    modal.show();
});

繰り返しますが、基本的な考え方は、各リンクがどのウィンドウを起動する必要があるかについて何らかのアイデアを持っている必要があり、リンクがクリックされたときに、これを使用して正しいビデオ モーダルへの参照を取得するというものです。

于 2012-07-01T13:34:54.357 に答える