支持 jQuery 的 jwplayer 事件？答案

【问题标题】：jwplayer event with jQuery support?支持 jQuery 的 jwplayer 事件？
【发布时间】：2021-07-29 05:40:33
【问题描述】：

我正在尝试获取一个 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、尺寸等（以上是外部的额外调用），但也没有用。

感谢任何帮助。

【问题讨论】：

标签： jquery jquery-events jwplayer

【解决方案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

            });
        }
    );

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

【讨论】：