2012-10-20 41 views
0

我有我我需要來顯示視頻的一個項目,我使用了一個jwplayer顯示MP4和FLV視頻作爲彈出的Jwplayer顯示視頻

<script type="text/javascript"> 
    $(document).ready(function() { 
     var s = '<%=this.Finalpath %>'; 
     if (s) { 
      jwplayer("mediaplayerid").setup({ 
       flashplayer: '<%= ResolveUrl("Jwplayer/player.swf") %>', 
       provider: "video", 
       file: s, 
       autostart: true, 
       width: '380', 
       height: '200' 
      }); 
     } 
    }); 
</script> 

現在的要求是展示視頻或jwplayer在彈出窗口中。我有谷歌它幾個小時,並發現各種框。我對使用哪種方法以及如何整合它的方法感到困惑。請分享你在這方面的知識。感謝您的任何幫助。

回答

0

您可以用來在彈出窗口中顯示它的方法實際上是將其放置在div中,或者如果其外部帶有視頻的頁面(如YouTube)將其放入包含iframe的div內,並且iframe會使用視頻加載該頁面。現在主div被格式化並顯示爲頁面內的poupwindow。

有許多所有現成的庫,你可以用它來做到這一點。

一個是highslide:http://highslide.com/#examples

在這個頁面上,你可以看到兩個例子「顯示閃光」和「YouTube的W /淡入淡出效果」,因爲他們都使它工作,你可以使用。

+0

其實先生,我正在上傳視頻到服務器。該視頻需要在彈出窗口播放。如何實現這個邏輯 –

+0

@Abhishekgupta上傳後,你用JavaScript打開彈出窗口。在此彈出窗口中,您將視頻網址更改爲您剛剛上傳的視頻網址。開始如何顯示它,然後進行上傳,然後在上傳完成後打開彈出窗口的邏輯。 – Aristos