如何在mediaelement中添加一个div元素答案

【问题标题】：How to add a div element in mediaelement如何在mediaelement中添加一个div元素
【发布时间】：2017-11-07 13:39:43
【问题描述】：

我想在 WordPress 中 mediaelement.js 的 mejs-layers 类之前添加透明 div。使用下面的代码不会在 mediaelement 部分添加测试 div

jQuery("<div>empty div</div>").insertBefore("div.mejs-layers");

但是，当我尝试在我的网页组件之前添加一个 div 时，它会这样做

jQuery("<div>empty div</div>").insertBefore("h1");

知道如何将 div 组件添加到第三方库吗？

【问题讨论】：

你确定在你执行insertBefore时div已经存在了吗？
我不确定。我该如何测试？
尝试在浏览器控制台执行，看是否出现
拜托，你能分享一些参考链接吗？
@Himani stackoverflow.com/a/5603863/2482249

标签： javascript jquery html wordpress mediaelement.js

【解决方案1】：

在添加 div 时，确保 mediaelement 部分已经在 DOM 中。

【讨论】：

请告诉我如何检查 mediaelement 元素是否已加载？
我可以在 mediaelement 部分开始之前添加 div，但之后不能添加
这就是insertBefore() 应该做的。如果你想在开始标签之后使用它，你应该使用prepend()。

【解决方案2】：

如果您在启动 mediaelement.js 调用时在 success 回调中有插入代码，它应该可以按预期工作。示例：

$("video").mediaelementplayer({
    success: function (mediaElementObject, domObject) {
        $("<div>empty div</div>").insertBefore("div.mejs-layers");
    }
});

【讨论】：