Я пробовал разные вещи, но не могу заставить их отображаться правильно. , и консоль всегда выдает одну и ту же ошибку:
Uncaught DOMException: Node.insertBefore: Child to insert before is not a child of this node
processNode ...
EventListener.handleEvent*
Я был бы признателен за помощь кого-то более опытного, чем я, в попытке решить эту проблему.
Результат должен быть таким: (a класс div внутри другого div)
theplayer embed HERE
Но я получаю следующее: (элемент div под другим элементом управления)

Стиль:
.ipcl-embed {
position: relative;
padding-bottom: 56.25%;
height: auto;
overflow: hidden;
background-color: #000000;
border-radius: 5px;
cursor:pointer;
}
.ipcl-embed-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Сценарий:
...
var embedDiv = document.createElement('div');
embedDiv.className = 'ipcl-embed';
var embedId = 'ipcl-embed-player';
embedDiv.id = embedId;
parent.insertBefore(before, node);
parent.insertBefore(embedDiv, node);
var after = document.createTextNode(text.slice(regex.lastIndex));
parent.insertBefore(after, node);
parent.removeChild(node);
var script = document.createElement('script');
script.innerHTML = `theplayer.embed('` + embedId + `', '` + match[1] + `',{locale: "auto", autoplay: true});`;
parent.insertBefore(script, after);
}
} else if (node.nodeType === 1) {
for (var i = 0; i < node.childNodes.length; i++) {
processNode(node.childNodes);
}
}
}
processNode(document.body);
});
...
Подробнее здесь: https://stackoverflow.com/questions/791 ... containers
Мобильная версия