2010-04-05 44 views
2

有什麼方法可以使JW播放器在加載時自動調整大小?在JW播放器中自動調整大小

例如,如果電影文件的尺寸小於播放器的尺寸,那麼它就是黑色背景。我想讓電影遍佈黑色。

在此先感謝。

+0

嘿朋友,你能告訴我你是如何實現這個目標的嗎?但是在這裏m從頁面控制播放器顯示jwplayer,我希望jw播放器根據視頻分辨率自動調整大小。 – FosterZ 2011-04-21 05:17:30

回答

1

有幾個可以通過flashvar設置的拉伸選項。這些包括沒有(沒有拉伸),exactfit(不成比例),統一(有黑色邊框的拉伸)或填充(統一,但完全填充顯示)。他們全部列在我們的flashvars page上。

如果您希望更新DOM中播放器的大小,可能有可能,但肯定不推薦,因爲這會導致Flash重新加載播放器。

最佳,

扎克

開發,長尾視頻

+0

謝謝你回答[雖然晚了,但並不重要=)] ..我已經知道,我混合了flashvars和類似的東西,導致它無法工作......後來發現了這個問題,現在所有東西都重新開始了! :) – kapeels 2010-05-08 08:13:16

0

至於調整視頻播放器本身,而不是縮放它裏面的內容,JW播放器現在有一個大小調整功能,您可以結合onMeta事件調整播放器的大小以匹配視頻尺寸。請注意,我只在流媒體視頻上試過這個,所以我不能100%確定這個元事件在基於文件的播放時是一樣的。

您可能想要使用onMeta事件來計算正確的大小,但要等到onPlay事件實際調用resize() - 如果在播放開始之前加載了靜止圖像,它仍然會啓動當你調整onMeta事件的大小時,它會伸展但看起來有點怪異的一秒。這仍然發生在onPlay上,但速度更快。 。

在你jwplayer(「VIDEO_ID」)設置()函數,只是包括在選項是這樣的:

 events: { 
      onMeta: function(event) { 
      if(event.metadata.width != undefined && event.metadata.height != undefined && event.metadata.width != 0) { 
       var playerWidth = 700; 
       var playerHeight = (event.metadata.height/event.metadata.width)*playerWidth; 
       jwplayer("video_id").resize(playerWidth, playerHeight); 
      } 
      } 
     } 

這是假設你想保持寬度爲700,但規模的高度播放器以適應媒體文件,當然,您的播放器在DOM中具有id「video_id」。

1

對我來說,以下工作:

<html> 
<script type="text/javascript" src="jwplayer.js"></script> 
<script type="text/javascript">jwplayer.key="LicenceCodeGoesHere";</script> 
<div id="container">This'll be the player</div> 

<script type="text/javascript"> 
jwplayer("container").setup({ 
    file:"http://videoURLGoesHere", 
    autostart:true, 
    width: "100%", 
    height: "98%", 
ratio: "100%", 
responsive: true, 
    events:{ 
     onComplete: function() { 
      window.location = "http://redirectGoesHere"; 
     } 
    } 

}); 

</script> 
<a href="http://UrlGoesHere">Please click here to skip the video and load the main site</a> 
</html> 

希望這有助於!