JSFiddle - React, Tailwind, and code Playground

HTML

<body id="page1">
<iframe autobuffer controls autoplay id="myVideo"
 id='myVideo' style="border-style:solid;border-color:black;margin:0 auto; display:block;margin-top:-80px;text-align:center;"width="1300" height="720" src="http://www.youtube.com/embed/yJU15a-IMz0?autoplay=1;vq=hd1080;&rel=0;showinfo=0&iv_load_policy=3&controls=0"modestbranding=1 frameborder="1" allowfullscreen>
</iframe>	

<a href="forside.html">	

<img class="but" style="margin-top: auto; width: 177px; margin-left: 27px;" src="images/head_but2.png" alt="">
</a>

JavaScript

<script>
function listen(evnt, elem, func) {
    if (elem.addEventListener) // W3C DOM
    elem.addEventListener(evnt, func, false);
    else if (elem.attachEvent) { // IE DOM
        var r = elem.attachEvent("on" + evnt, func);
        return r;
    }
    else window.alert('I\'m sorry, I\'m afraid I can\'t do that.');
}

listen("ended", document.getElementById('myVideo'), DoSomething);

function DoSomething() {
    window.open('http://more-solution.com/forside.html');
}

</script>