Bedienelemente bei Video

Question

Hallo,

es gibt ein kleines Problem ich habe dieses Script* verwendet, damit die Bedienelemente während das Video läuft verschwinden und man das Video weder vorspulen kann noch anhalten kann. Wenn ich mir den Pretest anschaue funktioniert das auch. Jetzt hat mir meine Bachelor-Betreuerin mitgeteilt, dass bei ihr die Bedienelement zu sehen sind und , dass wenn sie das Video vorspult, es gar nicht mehr abspielt.

Was kann ich jetzt machen?

<video width="962" height="738" controls controlsList="nodownload" id="stimulus">
<source src="Natur_awe_2.0_2.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>

Answer 1

Jetzt hat mir meine Bachelor-Betreuerin mitgeteilt, dass bei ihr die Bedienelement zu sehen sind und , dass wenn sie das Video vorspult, es gar nicht mehr abspielt.

Fragen Sie zunächst, welchen Browser und welches Betriebssystem sie verwendet.

Das Ausblenden passiert bei Ihnen ja, wenn das Video gestartet ist. Wenn die Internetverbindung ein wenig langsamer ist, hat man also u.U. eine Weile lang die Bedienelemente und damit die Möglichkeit, zu spulen. Gleichzeitig könnte das Spulen das "autoplay" außer Kraft setzen.

Meine Empfehlung wäre folgende: Blenden Sie die Bedienelemente generell aus. Packen Sie einen Knopf (Bild oder <button type="button">) auf die Seite. Und binden Sie ein play() an den Button. Dann kann man das Video mit dem Button starten, aber nicht spulen.

Comments

ich kenne mich leider mit html nicht so gut aus. wie blende ich die Bedienelemente jetzt komplett aus? Ich finde online nur, dass die Bedienelemente ausgeblendet werden, wenn das Video startet..

Würde die Funktion mit einem Knopf dann so aussehen?

play(<button type="button">)

---

> wie blende ich die Bedienelemente jetzt komplett aus?

Lassen Sie das "controls" im <video> Tag weg.

> Würde die Funktion mit einem Knopf dann so aussehen?

Nicht ganz Eher so:

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

---

okay vielen Dank schon mal!

Jetzt habe ich nur noch ein kleines Problem, wenn ich <button type="button" onclick="document.getElementById('stimulus').play()">  in den html code einfüge kommt unter dem Video unten links ein Kasten darin ist allerdings der Weiterbutton.
Bei einem Klick darauf spielt das Video zwar ab, ist für die Versuchsteilnehmer wahrscheinlich aber nicht erkenntlich. Bei einem Doppelklick, springt der Fragebogen auf die nächste Seite..

---

Zwischen <button...> und </button> können Sie nach Bedarf ein Bild (Play-Button) oder Text einfügen.