2013-11-01 57 views
3

我有另一個JW播放器的問題...我已經實現了JW播放器來取代點擊按鈕上的頁面頂部的圖像。該代碼看起來是這樣的:JW播放器尋找準備

<div class="series_graphic"></div> 
<button class="button-watch1">Watch now</button> 

$(".button-watch1").click(function() { 
    $(".series_graphic").replaceWith('<div id="player-1">Loading</div>'); 
    jwplayer("player-1").setup({ 
     file: "file", 
     height: 360, 
     image: "file.jpg", 
     width: 640, 
     autostart: true 
    }); 
}); 

我工作的這一個教會,他們想觀看整個視頻的能力,並跳轉到視頻的某一部分的能力。我想我會實現另一個按鈕,說「觀看佈道」來實現這一點,並使用seek命令。我在執行它時遇到了問題,因爲按鈕被按下時播放器尚未加載。我認爲我可以通過使用onReady命令來實現它,但是我遇到了問題,我正在學習JavaScript,所以對我來說都有點模糊。

該頁面是here。它仍然在進行中:D

如果任何人都可以通過它,我真的很感激它!謝謝!

回答

1

除了使用replaceWith之外,我還使用了JWPlayer加載函數,並在我的按鈕上加上了play命令。這樣,玩家將在查找功能被讀取時被初始化。這裏是我的代碼:

<script type="text/javascript"> 
     function watchSermon(URL,sermonTime){ 
      jwplayer('player').load([{ 
       file:URL 
      }]); 

      jwplayer('player').play() 
      jwplayer('player').seek(sermonTime) 
      }; 
    </script> 

<button class="button-watch" onclick="javascript:watchSermon('{video_url}','{sermon_start}')">Watch sermon</button> 
3

做準備上的尋找,像這樣就足夠了:

<script type='text/javascript'> 
jwplayer().onReady(function() { jwplayer().seek('10') }); 
</script> 

這將尋求10秒鐘時,播放器準備就緒。

希望這有助於!

+0

感謝您的幫助!它仍然不起作用 - 我認爲這是因爲我的播放器沒有被初始化,直到按鈕被點擊並且腳本在此之前運行。我試圖讓它在按鈕上運行,但它仍然無法正常工作。 Web Inspector顯示jwplayer未定義的錯誤。 – anguiac7

+0

我可以看到你更新的地方嗎? – emaxsaun

+0

當然! [link](http://www.andrewanguiano.com/ee/) – anguiac7

0

如果你想尋求JWPlayer你只需要添加此參數: startparam: "ec_seek"

jwplayer("").setup{ 
file: "http://localhost/video.mp4", 
startparam: "ec_seek", 
... 
... 
... 
}