关闭该对话框后,如何在模态对话框中嵌入JWPlayer

时间:2012-04-06 14:38:52

标签: jquery jquery-ui jquery-ui-dialog jwplayer

我有模式对话框弹出窗口,里面装满各种视频,由JW Player播放。

我正在使用带有UI版本1.8.18的JQuery 1.7.1(本地托管),并且正在使用该软件包中的模式对话框小部件。

问题是在播放视频时关闭对话框不会向播放器发送STOP命令。因此对话框关闭,但音频继续运行。只关闭浏览器的整个窗口或标签才会关闭它(到目前为止只在IE中)。

JW播放器文档有the following solution

onclick="player.sendEvent('STOP')"

它们绑定到本地锚标记。

我的问题是模态窗口中的关闭图标是由UI代码本身生成的 - 我不愿在没有指导的情况下摆弄它(我在JQuery pre-noob level -1)。

总而言之,有人可以告诉我如何通过外部片段或通过更改UI编码本身来实现此'STOP'吗?

2 个答案:

答案 0 :(得分:2)

您可以使用jQuery ui对话框的"close"事件:

$( ".selector" ).dialog({
   close: function(event, ui) { 
       player.sendEvent('STOP');
   },

   modal: true /* and so on with any other parameters you have */
});

答案 1 :(得分:1)

您可以在此处查看其jQuery模式方法:http://jqueryui.com/demos/dialog/


    $( ".selector" ).dialog({
       beforeClose: function(event, ui) { ... }
    });

您需要将stop命令放在beforeClose函数中。然后在模态关闭之前调用它,而且还有一个'Closed'函数,在模态关闭后调用它。

希望这有帮助。

干杯。