Show multiple MCQ questions on same page after a video is finished playing

let later = Array.from(document.querySelectorAll(["id^=QID"]))

later.shift() // Assuming the first question contains the video. You may need to remove the appropriate one.

later.forEach(q => q.hide())

let vid = document.querySelector("video") ; // Assuming only one video on the page.

vid.onended = function () {later.forEach(q => q.show())}

Do I need to add this code snippet in the JS of the first que that contains the video? Tried that but the MCQ still appeared first.

It should work on the entire page, so the question doesn't matter.
Can you share your survey link (without this code). I'll probably need to see what's going wrong.

Sorry, I missed your previous reply. I was able to solve it by adding the following code snippet for all the MCQs on the page.
Qualtrics.SurveyEngine.addOnReady(function() {
var con=this;
 jQuery("#vid").on("ended", function() { con.getQuestionContainer().show() });
});