Hallo zusammen,
Ich habe ein Video (mp4/webm/ogg) eingefügt, das auf Knopfdruck auf folgenden Button in den Vollbildmodus wechselt:
<center><button id="start" type="button" onclick="openFullscreen()">Start Video</button></center>
Mit der folgenden Funktion:
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE11 */
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox? */
elem.mozRequestFullScreen;
}
elem.play();
start = window.performance.now();
document.getElementById("start").disabled = true;
}
Wenn das Video fertig abgespielt wurde, soll sich der Vollbildmodus automatisch schließen. Wenn der Vollbildmodus automatisch oder durch den Benutzer beendet wird, soll das Video pausieren und direkt die nächste Seite angezeigt werden. Die Abspieldauer des Videos soll in der internen Variable IV01_01 abgespeichert werden.
Dafür habe ich folgende Funktion geschrieben:
function fullscreenchanged(event) {
if (document.fullscreenElement) {
} else {
elem.pause();
end = window.performance.now();
document.getElementById("IV01_01").value = end-start;
SoSciTools.submitPage();
}
};
Nur mit Safari habe ich folgende Probleme:
1. Das Video wird bei manchen ProbandInnen nicht angezeigt
2. ProbandInnen werden nicht automatisch auf die nächste Seite weitergeleitet
3. Die Variable IV01_01 erscheint nicht im Datensatz
Vielen Dank!