Question

我试图获得一个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）jquery函数之外，但我想我可以用命名空间点语法引用jquery库，如下所示：

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

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

我对任何可行的解决方案持开放态度，要么将jwplayer函数放入文档就绪函数中（我已经弄乱了，也无法弄清楚）或者在jwplayer函数内第二次调用jquery - 或者编写任何函数必要 - 我只是不知道如何。令人惊讶的是没有我能找到的参考资料。

我还在初始jwplayer调用中尝试了jwplayer事件，其中包括视频网址，维度等（上面是外部的，额外的调用），但也没有用。

感谢任何帮助。

Answer 1

解决方案是语法解决方案。这是我自己修复的代码示例，它可以按照需要运行：

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

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

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

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

            });
        }
    );

我最初放弃了美元符号（$），因此我感到困惑。

jQuery支持jwplayer事件？

1 个答案: