在 Modal 弹出窗口上初始化 Plyr.io 视频/音频播放器

问题描述

在我的 wordpress 主题中，当单击类 pop 的按钮时，我使用模态将内容动态加载到页面。在加载到模态中的内容中，我想包含多个视频和音频文件作为 js-player 类的内容。我已将网站设置为使用 Plyr.io 播放器。并且在点击 pop 按钮打开模态时初始化播放器时遇到问题。

以下是我的 main.js 文件中的代码：

$(".pop").click(function(e) {

    const players = Plyr.setup('.js-player',{
        controls: [
        'play-large','play','progress','current-time','fullscreen',]
    });

    pageurl = $(this).attr('href');
    if(pageurl!=window.location) {
        window.history.pushState({path: pageurl},'',pageurl);
    }
        
    var modalContent = $("#modal-content");
    var post_link = $(this).attr("href");        
    
    e.preventDefault(); // prevent link from being followed
    
    $('.modal').addClass('show'); 

    modalContent.html("");
    modalContent.load(post_link + ' #modalContainer')

    $("body").addClass("noScroll");
    return false;
            
});

点击 pop 按钮后，我缺少什么来初始化模式内容中的播放器？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）