0 votes
in SoSci Survey (dt.) by s241862 (120 points)

Guten Tag,

ich suche nach einer Möglichkeit, meine Videos im Vollbildmodus abspielen zu lassen. Dabei sollen die Probanden nach Klicken des "Play-Buttons", dass Video weder pausieren noch zurückspulen können.

Bisher habe ich folgenden Code implementiert:

<video width="768" height="432" controls controlsList="nodownload" id="stimulus">
  <source src="ID8_vid.mp4" type="video/mp4" />
</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>

Durch diesen Code können die Probanden, nach Klicken des "Play-Buttons" das Video nicht stoppen und auch nicht zurückspulen.

Wenn ich die Funktion für den Vollbildschirmmodus zulasse, dann besteht jedoch diese Möglichkeit.

Wie muss ich den Code ändern, dass 1. das Video im Vollbildmodus abgespielt wird und 2. die Probanden das Video weder pausieren noch zurückspulen können?

Danke und viele Grüße!

by SoSci Survey (298k points)
Wie sieht es denn aus, wenn Sie in der ersten Zeile das "controls" entfernen?

Zum Abspielen müssten Sie dann evtl. noch einen extra Knopf mittels <button> auf der Seite einfügen.

<button type="button" onclick="document.getElementById('stimulus').play()">

Nur mal testweise ...
by s241862 (120 points)
Danke für die Idee. Wenn ich das mache, dann erscheint der Play-Button leider kaum sichtbar außerhalb des Videos (am unteren Seitenrand).
by SoSci Survey (298k points)
Ich hatte je geschrieben, dass es erstmal um einen Test geht. Sind die Bedienelemente jetzt weg?

Wenn ja, dann kann man darauf aufbauen. Den Knopf können Sie ja mittels CSS nach Belieben platzieren und gestalten.
by s241862 (120 points)
Ja die Bedienelemente sind weg.

1 Answer

0 votes
by SoSci Survey (298k points)

Bedienelemente sind weg.

Wenn man das "controls" im <video>-Tag weglässt, muss man dafür sorgen, dass die Befragten das Video irgendwie starten können. Ein automatisches Starten unterbinden viele Browser, v.a. auf Mobilgeräten, heute. Insbesondere im Zusammenhang mit Vollbild.

Entsprechend muss man irgendwie auf der Seite einen Knopf platzieren (das kann auch eine Grafik sein), welche dann per JavaScript das Video startet.

by s241862 (120 points)
Den "Play-Button" hätte ich mit "controls" an gewünschter Stelle. Mir geht es jedoch primär darum, dass das Video größer bzw. im Vollbidmodus ist.
by SoSci Survey (298k points)
Sie haben die Auswahl: Überlassen Sie dem Browser die Gestaltung des Video-Players (dann aber mit einem Pause-Knopf, etc.) oder möchten Sie selbst entscheiden, was gezeigt wird.

Wenn Sie selbst entscheiden möchten, dann sehen Sie sich mal CSS position: absolute an, um den Knopf an die gewünschte Stelle zu bekommen.

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

...