2011-12-20 14 views
1

サムネイルで1つのページリストを作成しようとしていて、クリックすると基本的にポップアップが表示されます。私はプレーヤーとして最新のJW Player(5.8)と最新のjQueryを使用しています。JW Playerがポップアップの形になっている:プレーヤーが2番目のポップにロードされない

しかし、最初の「ポップ」ですべてうまく動作します。最初の「ポップ」を閉じて新しいビデオを開くと、プレーヤーは読み込まれません。

最初は、問題は、私がプレーヤーコンテナを入れていることです。(明らかな理由で、ビデオはバックグラウンドで再生されず、そのビデオは一般的に混ざらないでしょう)。しかしそれは.remove()ではありませんでした。動画をポップする

私のプラグインの機能は次のとおりです。私はそれを開発していますよう

$.fn.AllfilmVideoPopper = function() { 
    return this.each(function() { 
     var permalink = $(this); 

     $(permalink).click(function() { 
      $('body').append(
       $body_overlay = $('<div class="body_overlay" />').append(
        $wrapper = $('<div id="video_popper_wrapper">').append(
         $closing_button = $('<div id="video_close" />'), 
         $player = $('<div id="video_popper" />') 
        ).centerit() 
       ) 
      ); 
      $body_overlay.fadeIn(); 

      jwplayer("video_popper").setup({ 
       flashplayer: vp_video_player, 
       file: 'http://www.youtube.com/watch?v=WrjwaqZfjIY', 
       width: 800, 
       height: 400, 
       skin: vp_video_skin 
      }); 

      $closing_button.click(function() { 
       $body_overlay.fadeOut('fast', function() { 
        // $player.remove(); 
       }) 
      }); 

      return false; 
     }); 

    }); 
}; 

コードは、まだ生です。 1つのテストのみの映像

注:vp_video_playervp_video_skinは基本的にplayer.swfと皮膚の場所にCMSのテーマ・場所などが事前に定義されたJW Playerファイルに関連するパラメータです。

答えて

1

私がしたことは、JW Playerが入っているスタンドアロンのページを作成したことです。その中のPHPだけが、source-file-video-file-urlへの$ _GET ['vid']です。 jwplayer( "video_popper")alltogetherオリジナルプレイヤーローディング機能を削除し、セットアップ後

$player = $('<iframe src="iframe.php?vid=' + vid + '" id="video_popper"></iframe>') 

$player = $('<div id="video_popper" />') 

:。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Video</title> 
    <style> 
     html, body {height: 100%; margin: 0px; padding: 0px; background: #000000;} 
    </style> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="jwplayer.js"></script> 
</head> 
<body> 
    <div id="player"></div> 
    <script type="text/javascript"> 
     jwplayer("player").setup({ 
      flashplayer: "player.swf", 
      file: "http://www.youtube.com/watch?v=<?= $_GET['vid'] ?>", 
      width: 800, 
      height: 400, 
      skin: "glow.zip" 
     }); 
    </script> 
</body> 
</html> 

は、その後、私は私のランチャースクリプトの1行をmodifed (); //等。

そして、もともと私が望んでいたように動作するようです。また、iframeはかなり時代遅れですが、バックグラウンドコンテンツには事前生成された隠しは必要ありませんが、その性質上、まだ動的です。

ここをクリックしてください:http://www.alta.ee/groomlake/jw-player-popup-problem/video-list.html

関連する問題