Hi,
in the answerfield I Show a Video like this:

<a href="#" onclick="$('#video').show(); $(this).hide();">Click to Play the video!</a>
<div id="video">
<video autoplay="" height="500" id="video1" src="myvideo>
</video>
</div>
<script>
$('#video').hide();
</script>

How can I hide or disable the "movenext button" until the Video has been fully played.

Thanks in advance

Andrea

I use media element ( mediaelementjs.com/ ). It has video end event.

Thank you. Is there no other solution?

You are basically using the HTML5 element for video, which means respondents need a browser that supports this element. How do you guarantee this?

@ Holch: We show a video at the beginning of the questionnaire, asking the respondents what they see and what they hear.
They can move on to the next question only when their answers are correct.

@david2013: Thank you , I will try mediaelements.
And hopefully I can adress the movenext button with mediaelements.

I am able to adress an external button with this code.
But I did not succeed to adress the limesurvey movenext button.

<video id="myvideo" autoplay>
<source src="myvideo" type="video/mp4">
browser unterstützt dieses Format nicht.
</video>
<button id="playbtn">Weiter</button><br />

<script>
var vid = document.getElementById("myvideo");
document.getElementById('playbtn').style.visibility = 'hidden'
vid.onended = function() {
document.getElementById('playbtn').style.visibility = 'hidden'
document.getElementById('playbtn').style.visibility = 'visible'
};

best regards
Andrea

As Holch points out, the video element and the onended event will only work in browsers that support HTML5.

Having said that, try something like this:

Hi Tony

thanks a lot, works perfectly

Andrea

Hi everybody,,

I finally have installed mediaelements.js by including the scripts in the head of my template (trf_resonsive).

But the Problem is that I can't hide the limesurey movenext button, even tough I put following code:
<script>
(document).ready(function() {
$('#movenextbtn').hide();
});
</script>

Any idea?

Thanks in advance

Andrea

</script>

Do you have any JavaScript errors in the console?

All Firefox says is:

TypeError: $(...).progressbar is not a function

Okay, that error may be preventing any subsequent JavaScript from running so you'll have to fix it. Does the error occur without mediaelements.js?

no, no Errors shown without mediaelements.js!

Try jPlayer - jplayer.org/ . It also has an "ended" event - jplayer.org/latest/developer-guide/#jPlayer-event-type .

Thanks, I will have a look at it during the Weekend.

Best regards
Andrea

hmmm.. mediaelements.js works for me. Anyway, I think jPlayer also work. Just make sure when you include js file, replace "{" with "{ " and replace "}" with " }", otherwise, limesurvey will try to parse anything between "{" and "}". Hence, it will give you error unexpected.