Uncaught NotFoundError: Не удалось выполнить 'insertBefore' в 'Node': node, перед которым новый node должен быть вставлен, не является дочерним элементом этого node

У меня проблема с Javascript. Я получаю сообщение об ошибке:

Uncaught NotFoundError: Не удалось выполнить 'insertBefore' в 'Node': node, перед которым должен быть вставлен новый node, не является дочерним элементом этого node.

JavaScript:

var vidCounter = 0;
    vidCounter++;
var originalDiv;
var newVideo = document.createElement("video");
    newVideo.setAttribute("name", vidCounter);
    newVideo.setAttribute("autoplay", "true");
    originalDiv = document.getElementById("othersarea");
    document.body.insertBefore(newVideo, originalDiv); 

Он пытается добавить тег <video> под div с именем othersarea.

<div id="remoteVideos">
    <div class="title">
        <h2>Others</h2>
    </div>
    <div id="othersarea">
    </div>
</div>

Как это исправить?

Я также хочу запустить attachMediaStream([VIDEO TAG HERE HOW?], event.stream); в новом теге видео.

Ответы

var parentDiv = document.getElementById("remoteVideos");
parentDiv.insertBefore(newVideo, originalDiv.nextSibling);

originalDiv.parentNode.insertBefore(newVideo, originalDiv);