javascript函数中不需要的循环

Question

我将视频作为网站的完整背景放在带有ID #background的HTML中。当这个短视频结束时，我将应用这个javascript代码替换（#background）视频与另一个将循环的视频。此时，第一个视频（#background）结束一个段落，标题将添加到HTML。

一切正常，但有一个不需要的循环。第二个视频（videohome.mp4）循环 - 预期 - 但是段落和标题在屏幕上重复，因为视频循环。我从代码中删除了 videoPlayer.play = loop; ，它不会影响不需要的循环。 这是原始HTML

<div class="container">
        <div class="row viewport">
            <div class="col-lg-6 align-middle animated fadeIn" id="animationtxt">

            </div>
        </div>
    </div>

JAVASCRIPT

document.getElementById("background").onended = function() {myFunction();run()};


function myFunction() {
        var h = document.createElement("H1");
        var t = document.createTextNode("Hello World");
        h.appendChild(t);
        document.getElementById("animationtxt").appendChild(h);

        var para = document.createElement("p");
        var txt = document.createTextNode("This is a paragraph.");
        para.setAttribute("class","custom-epost-txt");
        para.appendChild(txt);
        document.getElementById("animationtxt").appendChild(para);
        return;
}
videoPlayer = document.getElementById("background");
function run(){
        var nextVideo = "videos/videohome.mp4";
        videoPlayer.src = nextVideo;

        videoPlayer.play=autoplay;
        videoPlayer.play=loop;
    }