2010-06-21 68 views
0

不完全確定如何做到這一點,但我注意到Facebox完美地工作,但是當我用它來加載電影時,FLV播放器,JWplayer尚未完全加載,並且出錯。所以我想在Facebox之前加載JWplayer(FLV播放器)。使Facebox等待FLV播放器加載

Facebox將此作爲嵌入代碼。他們解釋說你也可以通過一個參數。

jQuery(document).ready(function($) { 
    $('a[rel*=facebox]').facebox() 
}) 

我對FLV播放器嵌入代碼是這樣的:

var so = new SWFObject('/flash/playerTrans.swf','mpl','640px','360px','0'); 
so.addParam('allowscriptaccess','always'); 
so.addParam('allowfullscreen','true'); 
so.addParam('wmode','transparent'); 
so.addVariable('file', 'http://hometownquarterlyvideos.s3.amazonaws.com/whatishqchannel.flv'); 
so.addVariable('autostart','true'); 
so.addVariable('controlbar','none'); 
so.addVariable('repeat','always'); 
so.addVariable('image','/flash/video_girl/whatishqchannel.jpg'); 
so.addVariable('icons','false') 
so.addVariable('screencolor','none'); 
so.addVariable('backcolor','FFFFFF'); 
so.addVariable('screenalpha','0'); 
so.addVariable('overstretch', 'true'); 
so.write('player'); 

我試過直接複製粘貼嵌入代碼到Facebox的()。但是我收到了語法錯誤。有任何想法嗎?

回答

1

我不知道你是如何你的鏈接設置,但是這是我會怎麼做:

HTML(視頻網址在相對href和視頻圖像)

<a class="flash" href="http://hometownquarterlyvideos.s3.amazonaws.com/whatishqchannel.flv" rel="/flash/video_girl/whatishqchannel.jpg">Flash</a> 

腳本(未經測試)

$(document).ready(function(){ 
// click on flash video link 
$('.flash').click(function(){ 
    $.facebox('<div id="fbvideo"></div>'); 
    var so = new SWFObject('/flash/playerTrans.swf','fbvideo','640px','360px','0'); 
    so.addParam('allowscriptaccess','always'); 
    so.addParam('allowfullscreen','true'); 
    so.addParam('wmode','transparent'); 
    so.addVariable('file', $(this).attr('href')); 
    so.addVariable('autostart','true'); 
    so.addVariable('controlbar','none'); 
    so.addVariable('repeat','always'); 
    so.addVariable('image',$(this).attr('rel')); 
    so.addVariable('icons','false') 
    so.addVariable('screencolor','none'); 
    so.addVariable('backcolor','FFFFFF'); 
    so.addVariable('screenalpha','0'); 
    so.addVariable('overstretch', 'true'); 
    so.write('fbvideo'); 
    return false; 
}) 
}) 
+0

甜。完全是真棒和工作。除了IE不顯示視頻的事實。但這似乎是另一個問題。我將添加到您的代碼的唯一重寫是so.write('fbvideo')。它的工作原理。 – Trip 2010-06-21 21:41:22

+0

很酷,我很高興它爲你工作:)我已經更新了我的代碼上面,我不知道爲什麼它不會在IE中工作...你有任何錯誤? – Mottie 2010-06-21 21:47:26

+0

沒有,但沒有面部框,它有相同的問題,視頻不會顯示,但聲音會。聽起來像JWplayer錯誤給我。我絕對挖你so.addVariable(這個),因爲onLoads這個內容。 – Trip 2010-06-22 14:06:14