I have an active survey and today there are suddenly people reporting a new issue.
There’s a page where they watch a tv episode, and when the episode is over the Continue button appears so they can continue to the post-video questions (buttons shows when video is actually finished playing, or if they cheat and drag vimeo scrubber to end and wait for the full time to elapse). Today, the last two people to take the survey have not been shown the continue button and they’re stuck. One is on Chrome, one is on Safari, both are on Mac. A lot of my participants have been on Mac (including me) and this hasn’t happened before. on the responses in progress data, it shows the last question answered as the last question on the page before the tv episode. When the Safari person emailed me I was sure it was probably a browser extension conflict, but then in the data I saw another person stuck on the same question in Chrome, so an extension seems less probable?
The video question has custom js for the hidden continue button, gained from an older thread in this forum.
The js:
Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/
this.hideNextButton();
this.getChoiceContainer().hide();
});
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
var my_vid = document.querySelector("myvideo");
const player = new Vimeo.Player("myvideo");
that = this;
document.addEventListener("visibilitychange", () => {
if (document.visibilityState !== 'visible') {
player.pause();
}
});
player.on("play", function () {
my_vid.style.pointerEvents = "none";
});
player.on("ended", function () {
that.showNextButton();
});
jQuery("#"+this.questionId).prev(".Separator").hide();
});
Qualtrics.SurveyEngine.addOnUnload(function()
{
/*Place your JavaScript here to run when the page is unloaded*/
});And the html on the actual question (a text/graphic question):
<div id="myvideo">Now you’re going to watch the full episode those clips were taken from. Please watch the entire video before proceeding to the questions on the next page. <br><br><i>Make the video full-screen using the arrows icon in the bottom right of the video player.</i><br><br> ${lm://Field/34}<br></div>
Field 34 is the video embed code stored in a loop & merge table, and the video played fine for the reporting participant.
Any suggestions on why the continue button isn’t showing up as expected?
