Videoeinbettung

Question

Hallo,

ich bräuchte Hilfe hinsichtlich dem Code, den ich benötige um die Bedienelemente bei der Einblendnung eines Videos komplett verschwinden zu lassen.

Ich möchte, dass der Teilnehmer leidiglich durch Klicken das Video starten können, d.h. dass es ihnen nicht möglich ist an der Lautstärke etwas zu manipulieren oder in Vollbild zu wechseln.

Ebenfalls soll der Weiterbutton erst nach Ablauf des Videos eingeblendet werden.

Vielen Dank!

Answer 1

Wie weit sind Sie denn mit der Anleitung zur Video-Einbettung schon gekommen?

Im Prinzip reicht es, das "controls" Attribut wegzulassen (vgl. Referenz). Sie müssen sich dann nur mittels JavaScript darum kümmern, dass man das Video mittels Klick starten kann.

Ich muss intern mal klären ob wir Teile der RTR-Frage kurzfristig (ca. 1-2 Wochen) auskoppeln können, um eine vereinfachte EInbindung von Videos zu erlauben. Technisch unterstützt die RTR-Frage die gewünschte Einbindung ohne dass man sich mit JavaScript auseinandersetzen muss.

Comments

Vielen Dank für die Antwort. Das Video ist folgendermaßen eingebettet:
<video width="700" height="300" controls>
  <source src="https://hessenbox-a10.rz.uni-frankfurt.de/dl/fi39BorWdxcBWRaVuEfcz5qi" type="video/mp4" />
</video>
Funktioniert demnach einwandfrei. Lasse ich das controls weg, erscheinen zwar wie gewünscht die Bedienungshilfen nicht. Das Video läuft jedoch, wie Sie es auch erwähnt haben, nicht an.

Gibt es einen vorangefertigten Java Script, um das Video per Klick zu starten?

---

Bitte geben Sie dem Video erstmal eine HTML-ID:

<video width="700" height="300" controls id="meinVideo">

Dann ist der HTML-Code recht einfach:

<script type="text/javascript">
document.getElementById("meinVideo").addEventListener("click", function() {
  document.getElementById("meinVideo").play();
});
</script>