使用适用于 IE7 和 IE8 的 jQuery 在 Facebox 中加载 FLV

不用说，这在 Chrome、Firefox 和 Safari 中完美运行。 IE（任何版本）都是问题所在。

客观的：我正在尝试加载 JWplayer，它会在 Facebox 弹出窗口中加载来自 S3 的 FLV。

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

HTML（哈姆尔）：

%li#videoGirl
  = link_to 'What is HQchannel?', '#player', :rel => 'facebox'

.grid_8.omega.alpha#player{:style => 'display: none;'}
  :javascript
    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&autostart=true&controlbar=none&repeat=always&image=/flash/video_girl/whatishqchannel.jpg&icons=false&screencolor=none&backcolor=FFFFFF&screenalpha=0&overstretch');
    so.addVariable('overstretch', 'true')
    so.write('player');

Problem:

1. 尽管视频被设置为显示：无；。无论如何它都会开始播放。
2. 单击激活 div 时，IE7 会弹出一个尺寸错误的带有导航的空白 div（参数设置为不显示导航和滑块），并且导航和滑块上没有任何按钮工作。 IE8 显示正确的尺寸，但行为相同，导航和滑块不起作用，并且屏幕空白。

我猜：
我认为问题在于 javascript 没有在正确的时间被调用。看起来它正在加载 Facebox，而没有 jwplayer。至少我认为。这就是导航存在的原因。我认为它没有为此读取 javascript。

这里有几个问题。

第一期：SWFOBJECT

我认为您看到了不良/不可预测的行为，因为您的 SWFObject 语法有点不对劲。使用 SWFObject，您可以：

1.) 使用addParam('flashvars', FLASHVARS)，其中FLASHVARS是由&amp分隔的配置选项的串联字符串，即

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

OR

2.) 使用一堆addVariable语句，即

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

如果您需要任何其他信息，这里有一个很棒的教程嵌入Flash http://www.longtailvideo.com/support/jw-player/13/embedding-flash在 JW Player 网站上和设置向导 http://www.longtailvideo.com/support/jw-player-setup-wizard这将提供现成的 SWFObject 代码。

第二个问题：自动启动时显示：无

这是 IE 快速。在大多数浏览器中，当您设置 display: none 时，Flash 将被终止。 IE 中并非如此。为了防止这种情况，你需要设置

so.addVariable('autostart', 'false');

如果您使用一些 JS 来设置显示 CSS 属性，并且希望播放器在播放器出现时开始播放，我建议您修改 JS 以通过以下方式启动和停止播放器it's API http://developer.longtailvideo.com/trac/wiki/Player4Api。诚然，这有点复杂，但这都是让事情跨浏览器无缝运行的一部分。

Best,

Zach

长尾视频开发人员