Javascript 播放功能上的MEJS（媒体元素JS）？

我正试图编写一个函数来隐藏一些文本，这些文本覆盖通过MEJS（核心wordpress集成）放置在页面上的视频

我通过

wp\u video\u shortcode（）

函数来显示它，所以我实际上不需要编写任何JS来让播放器显示等等

我试过编写一些糟糕的代码，只检查是否单击了包含的div并隐藏了文本，然后再次单击就会显示出来。但我觉得我应该做些更优雅的事情

有什么想法吗

以下是我目前掌握的代码：

$('.wp-video').on('click', function() {
    if( $('.video-title').is(':visible') ) {
        $('.video-title').fadeOut('2000');
    } else {
        $('.video-title').fadeIn('2000');
    }
});

您可以使用jquery函数来避免额外的“if”语句

$('.wp-video').on('click', function() {
    $('.video-title').toggle(2000);
});