让 Facebox 等待 FLV 播放器加载

Question

不完全确定如何做到这一点，但我注意到 Facebox 工作得很好，但是当我用它加载电影时，FLV 播放器、JWplayer 尚未完全加载，并且出现错误。所以我想在 Facebox 之前加载 JWplayer （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 的 () 中。但我返回了语法错误。有任何想法吗？

Answer 1

我不知道你是如何设置链接的，但我会这样做：

HTML（href 中的视频网址和 rel 中的视频图像）

<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;
 })
})