JW Player:跨浏览器“display:none”玩家行为

时间:2010-04-28 17:45:10

标签: css embed jquery-ui-tabs jwplayer

是否有一个简单的,前期的方法让FF和IE对待隐藏的JW玩家一样?

我在jQuery生成的标签中动态放置播放器的不同实例。实际上,切换标签隐藏了每个玩家的父div。在FireFox中,制表符开关和随附的“显示”更改会停止播放器。这不会发生在IE中。我想要它。

让两种浏览器行为相同的最简单方法是什么?我希望有一个CSS / HTML解决方案,无论是完全嵌入玩家的方式还是样式规则,否则我想我需要添加一个项目监听器,将当前选择的选项卡ID与当前活跃的玩家进行比较......但是我d而不是那条路。

感谢您的提示!

编辑:所以,我宁愿能够更改播放器CSS或标签更改上的标记,而不是将停止事件发送给当前活动标签中的所有播放器。

3 个答案:

答案 0 :(得分:3)

这是Internet Explorer的问题。虽然FF,Chrome和Safari会杀死Flash,但IE却没有。我们能够确保玩家停止的唯一方法是跟踪页面上所有活跃的玩家并致电停止。

最佳,

扎克

开发者,LongTail视频

答案 1 :(得分:0)

如果您使用JavaScript更改标签,为什么您希望为您的问题提供纯CSS / HTML解决方案?

我认为你必须使用JavaScript。

看看JW Player API: http://developer.longtailvideo.com/trac/wiki/Player5Api

您可以在播放器上调用stop()方法。

player.stop();

答案 2 :(得分:0)

对不起我的朋友。我有一个很大的麻烦,不能让我入睡...... 我有一个网站: - 带视频的div(jwplayer) - 带图库的div(灯箱,点击弹出图片)

如果视频播放和用户(仅限IE)点击图片,弹出窗口显示在视频上,视频继续播放(确定!)但视频显示为空白! 当我关闭图像弹出窗口时,视频时间轴正常播放但视频仍为空白(全黑)。

我一直试着用你在这里写的但没有成功。 这是我必须用来插入jwplayer的脚本。

<div id="Player">player should load here</div>
    <script language="javascript" type="text/javascript">
    var flashvars = {};
    flashvars.linkfromdisplay = "true";
    flashvars.autostart = "false";
    flashvars.height = "' . $h . '";
    flashvars.controlbar = "over";
    flashvars.width = "' . $w . '";
    flashvars.repeat = "false";
    flashvars.bufferlength = "5";
    flashvars.displayheight = "' . $h . '";
    flashvars.displaywidth = "' . $w . '";
    flashvars.file = "http://blablabla.com";
    flashvars.type = "vdox";
    flashvars.provider = "vdox";
    var params = {};
    params.menu = "true";
    params.allowscriptaccess = "always";
    params.allowfullscreen = "true";
    params.wmode = "transparent";
    params.windowless="true";
    var attributes = {};
    attributes.id = "Player";
    attributes.name = "Player";
    swfobject.embedSWF("' . get_bloginfo("template_directory") . '/embed/mediaplayer.swf", "Player", "' . $w . '", "' . $h . '", "8","expressInstall.swf", flashvars, params, attributes);
    </script>

我还尝试在打开popover之前停止通过js视频(player1.sendEvent('STOP');):视频停止,但如果我点击播放按钮,则保持黑色。

我还尝试通过jquery删除视频元素,将其保存在变量中。然后我插入一个按钮“恢复视频”:在Chrome中工作,在IE中重新出现视频对象,它播放但全黑。 感谢