2011-12-20 103 views
1

所以,我試圖用縮略圖製作一個單頁列表,當你點擊它們時,視頻將基本彈出。我使用最新的JW Player(5.8)和最新的jQuery作爲播放器。彈出窗口中的JW播放器:播放器不彈出第二彈出窗口

但是,一切運作良好,只有第一個「流行」。當我關閉我的第一個「流行音樂」並打開一個新視頻時,播放器不加載。

我首先問題是,我是.remove()'播放器容器(出於顯而易見的原因,視頻不會在後臺播放和/或視頻不會混淆在一起)。但它不是.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; 
     }); 

    }); 
}; 

代碼仍然是生的,因爲我正在開發它。只有一個測試視頻

注:相關參數vp_video_playervp_video_skin是預定義的JW Player文件,基本上包括CMS的主題定位於player.swf和皮膚位置。

回答

1

所以我做了什麼,是我創建了一個獨立的頁面,其中有JW播放器。只有PHP中的東西是源文件視頻文件url的$ _GET ['vid']。

<!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行:

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

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

然後刪除原始的球員裝載功能產品總數 jwplayer( 「video_popper」)設置(); //等。

而且它基本上像我原本想要的那樣工作。並沒有預先生成的背景內容隱藏需要這一點,因爲iframes非常過時,但仍然動態的性質。

看到它在這裏工作:http://www.alta.ee/groomlake/jw-player-popup-problem/video-list.html