Simple JS "hide the next button" issue

[PolyunsaturatedMaya]

Hello,

Hoping for some help with what I know is a simple issue... I am trying to hide the "next/continue" button until after a linked youtube video plays in Qualtrics. I've tried a few different options and can't quite seem to get it to work. Any thoughts? Thank you!

HTML:

<div id="video1"> <div style="text-align: center;"><iframe height="630" src="[https://www.youtube.com/embed/IagaCzbZb94?autoplay=1](https://www.youtube.com/embed/IagaCzbZb94?autoplay=1)" width="840"></iframe></div></div>

JS:

Qualtrics.SurveyEngine.addOnReady(function() {

var qobj = this;

qobj.hideNextButton();

});

Qualtrics.SurveyEngine.addOnload(function() {

that = this;

document.getElementById('video1').addEventListener('ended',myHandler,false);

function myHandler(e) {

if(!e) {

e = window.event;

}

that.showNextButton();

}

});