0

我正在尝试获取一个 jwplayer 事件来利用 jQuery API，这样我就可以将 jQuery 效果从 jwplayer 事件传递给外部 div。

我试图让一个 div 在玩家开始播放时淡出到 100% 透明度onPlay，就像这样：

jwplayer('div-player').onPlay(
        function(event) {
            document.getElementById('h1_title').fadeOut('slow', function(){
                // animation complete
            });
        }
    );

然后，当视频暂停或结束时，我希望 div 淡入，如下所示：

    jwplayer("div-player").onPause(
        function(event) {
            document.getElementById('h1_title').fadeIn('slow', function(){
                //animation complete
            });
        }
    );

jwplayer 函数在(document).ready(function)Qquery 函数之外，但我想我可以使用命名空间点语法引用 jQuery 库，如下所示：

jwplayer('div-player').onPlay(
        function(event) {
            document.getElementById('h1_title').jQuery.fadeOut('slow', function(){
                // animation complete
            });
        }
    );

但是，情况似乎并非如此。

我对任何可行的解决方案持开放态度，要么将 jwplayer 函数放在文档就绪函数中（我已经摸索过但无法弄清楚），要么在 jwplayer 函数中再次调用 jQuery - 或者编写任何必要的函数 - 我只是不知道怎么做。令人惊讶的是，我找不到任何参考资料可以做到这一点。

我还尝试了初始 jwplayer 调用中的 jwplayer 事件，其中包括视频 url、尺寸等（以上是外部的附加调用），但这也不起作用。

任何帮助表示赞赏。

4

1 回答 1

0

解决方案是一种语法解决方案。这是我自己修复的代码示例，可以按需要工作：

    jwplayer('div-player').onPlay(
        function(event) {

            $('.title').fadeOut('slow', function(){
                // animation complete

            });
        }
    );
    jwplayer("div-player").onPause(
        function(event) {

            $('.title').fadeIn('slow', function(){
                //animation complete

            });
        }
    );

我最初没有使用美元符号 ($)，因此我很困惑。

于 2012-09-13T19:55:31.970 回答