MEJS(媒体元素JS)播放功能

MEJS (Media Element JS) on play function?

本文关键字:播放 功能 JS 元素 媒体 MEJS      更新时间:2023-09-26

我正试图编写一个函数,通过MEJS(核心wordpress集成)隐藏一些覆盖页面上视频的文本。

我通过wp_video_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);
});