Hide Next Button until HTML-embedded iFrame video is finished playing

Thanks, @Jagdish! My colleague attempted this already, but it’s still not working. I’ve pasted her code below:

Qualtrics.SurveyEngine.addOnload(function() {
    this.hideNextButton();
  });



  Qualtrics.SurveyEngine.addOnReady(function() {
    var iframe = document.getElementById("video-player");
    var that = this;



    iframe.addEventListener("load", function() {
      var videoPlayer = iframe.contentWindow.document.querySelector("video");



      videoPlayer.addEventListener("ended", function() {
        that.showNextButton();
      });



      videoPlayer.addEventListener("timeupdate", function() {
        if (isVideoNearEnd(videoPlayer)) {
          videoPlayer.pause();
          that.showNextButton();
        }
      });
    });



    function isVideoNearEnd(player) {
      var currentTime = player.currentTime;
      var duration = player.duration;
      var threshold = 1.5; // Adjust this threshold as needed



      return currentTime >= duration - threshold;
    }
  });