Hello everybody,
in my study there's a video, which I tried to include properly with HTML 5 as recommended in the descriptions of the website (converting the video in mp4, ogg, webm).
Unfortunately I've gotten several responses by now, that the video isn't playing at all from several participants, and I don't know where the problem is. There was no error warning when I did the test runs. I thought by using the HTML 5 code nearly everybody with every device/ browser could run the video without problems. From the responses I've got so far I think the main problem is using an apple product (safari browser) or entering with a mobile phone.
Could you please help me? Maybe there is a mistake in the syntax which i didn't see, so it's included below.
Thanks so much in advance,
Kind regards
<video width="800" height="470" controls controlsList="nodownload" id="stimulus">
<source src="https://www.dropbox.com/s/22zlheav6syleht/masterarbeit_film_komprimiert.ogg?dl=1" type="video/ogg" />
<source src="https://www.dropbox.com/s/qt4fylma16hwoj5/Masterarbeit%20Film_komprimiert.mp4?dl=1" type="video/mp4" />
<source src="https://www.dropbox.com/s/47erjihnueiegoz/Masterarbeit%20Film_komprimiert.webmhd.webm?dl=1" type="video/webm" />
</video>
<script type="text/javascript">
<!--
var video = document.getElementById("stimulus");
// Bedienelemente ausblenden, sobald es abspielt
SoSciTools.attachEvent(video, "play", function(evt) {
stimulus.removeAttribute("controls");
});
// Weiter-Knopf ausblenden
SoSciTools.attachEvent(window, "load", function(evt) {
SoSciTools.submitButtonsHide();
});
// Weiter-Knopf am Ende des Videos wieder anzeigen
SoSciTools.attachEvent(stimulus, "ended", function(evt) {
SoSciTools.submitButtonsDisplay();
});
// -->
</script>