载有享受高品质在Facebox字为IE7和IE8

Question

它几乎不用说，这完美的作品在铬、火狐，和野生动物园。IE(任何版本)的问题。

目标： 我试图载JWplayer其中载有享受高品质从S3在Facebox弹出式窗口。

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

HTML(haml):

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

问题：

1. 尽管的视频设置显示：无；.它开始玩呢。
2. 当击激活div,IE7会弹出一个错误的尺寸的空白div与资产净值(参数的设置，以不显示导航和洗涤器)，并且没有按钮在导航和srubber的工作。IE8显示的权利的大小，但相同的行为与资产净值和洗涤器无法工作，空白的画面。

我的猜测：
我想这个问题是与javascript不是被称为在正确的时代。看来它的装载facebox没有jwplayer.至少我假设。因此原因的资产净值是存在的。我认为它不阅读javascript。

Answer 1

这个代码将成功地载JWplayer后facebox javascript是实例化。仍然有一些扭曲你的视频没有显示在IE7或IE8，但JWplayer负荷。

HTML：

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

Javascript:

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

Answer 2

有几个问题。

第一个问题：些类似

我认为你看到的不希望的/不可预测的行为，因为你些类似的语法是一位关闭。有些类似的，你可以：

1.) 使用addParam('flashvars',FLASHVARS)，其中FLASHVARS是一串连串的配置选择分离的&，即

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

或

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

如果你需要任何额外信息，还有是一个优秀的教程 嵌入闪 在JW播放的网站和一个 设置向导 这将提供使用准备好些类似的代码。

第二个问题：自动启动而显示：没有

这是一个即快。在大多数浏览器，闪光是杀了当你设置显示：没有。不是这种情况在即。为了防止这个，你会需要设置

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

如果你使用一点JS设置显示CSS财产，你想玩家开始播放当玩家的出现，我建议您修改JS开始，并停止玩家通过 这是API.诚然，这是一个比较复杂，但它的所有部分的使事情工作的无缝的跨浏览器。

最好的，

扎克

开发，长尾的视频