Beim Abspielen eines eingebunden Videos öffnet sich auf den mobilen Geräten ein neues Fenster.

Question

Beim Abspielen eines eingebunden Videos öffnet sich auf den mobilen Geräten ein neues „Bild in Bild“ Fenster. Wie kann ich das verhindern?

Answer 1

Das ist vermutlich ein Feature des verwendeten Browsers und kann u.U. gar nicht verhindert werden.

Aber wenn Sie ergänzen, in welchem Browser auf welchem System (iOS oder Android?) das passiert und welchen HTML-Code SIe zur Einbindung des Videos verwendet haben, können wir gerne mal einen Blick darauf werfen.

Comments

Das System ist IOS das ganze passiert allerdings sowohl in Safari als auch in Googel Chrome.
Ich verwende grundsätzlich für Desktop und mobil die gleiche Version.
Ich möchte sicherstellen, dass der Teilnehmer das Video komplett sehen muss und es auch nicht vorspulen kann.
Beim öffnen des Videos ist es allerdings möglich das Video vorzuspulen.

Folgenden Code habe ich verwendet:
<video width="512" height="288" controls controlsList="nodownload" id="stimulus">
  <source src="BA_Schwach.mp4" type="video/mp4" />
  <source src="BA_Schwach.webm" type="video/webm" />
<source src="BA_Schwach.ogg" type="video/ogg" />
</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>

Vielen Dank für Ihre Hilfe!

---

> Beim öffnen des Videos ist es allerdings möglich das Video vorzuspulen.

Mit den "controls" in dem HTML-Tag erlauben Sie da auch explizit, vgl. https://www.w3schools.com/tags/att_video_controls.asp

Das würde das JavaScript normalerweise ausblenden, wenn das Video startet. Aber offenbar funktioniert das auf iOS nicht mehr. Ein Workaround wäre, dass Sie mittels "Gerät und übermittelte Variablen" zunächst herausfinden, ob der Nutzer iOS verwendet und dann ggf. einen anderen HTML-Code verwenden, z.B. ohne "controls" und ohne das JavaScript.