Vollbildmodus von Videos wird abgebrochen

Hallo,

habe jetzt erst festgestellt, dass das Abspielen von Videos im Vollbildmodus abgebrochen wird - sowohl unter Firefox als auch Edge, aber nicht auf dem Smartphone und dort auch nicht über die Firefox-App. Beispiel: vorletzter Beitrag auf https://www.ig-lilienthal.de/index.php/veranstaltungen/berichte.

Vollbild auf anderen Webseiten funktioniert.

Ist das Problem bekannt?

Die ältere Version (aus Joomla 3 übernommen) ist

<div id="widget_cke_71" class="htlvdo" style="float: right;"><video src="images/videos/2020_06_13_Smith_Mini.mp4" poster="/images/videos/2018_03_10_Smith_Miniplane.jpg" preload="none" controls="controls" width="240" height="150"> </video></div>

Die neue Version - über TinyMCE und den Mediamanager eingebettet:

<video controls="controls" width="300" height="180">
<source src="images/videos/19_03_23_Seglerschlepp.mp4" type="video/mp4" /></video>

Beides funktioniert nicht im Frontend. Im Editor im Backend geht aber beides.

Habe es auf einer Testseite mit Allvideos probiert: auch damit wird der Vollbildmodus angebrochen.

Noch zu #7: das 2. Beispiel hatte ich ausprobiert, um zu sehen, ob sich das Problem damit löst, was aber nicht der Fall ist. Ich denke, die Ursache liegt - nachdem 3 Varianten nicht funktionieren - an anderer Stelle.

Zitat von jsc_01

Rechtsklick auf das Video "Video in neuem Tab öffnen", dann auf Vollbild, klappt bestimmt.

Da geht dann auch der Vollbildmodus - aber ist natürlich keine sehr legante Lösung.

Funktioniert bei mir so nicht.

Ich kann auch ausschließen, dass es an meiner Umgebung liegt. Ein Vereinskollege hat auf einem Unix-Server, mit einem anderen Template als Cassiopeia, aktueller Joomla-Version und anderem Video-Plugin unter Firefox und Chrome das gleiche Problem.

Ich denke daher nicht, das es am Code liegt. Bin im Moment ratlos, da mir derzeit nichts anderes als Ursache einfällt.

immer online

Es gibt viele Wege, sich ein Bein zu stellen. In diesem Fall war es folgendes Script, mit dem nach einem Resize des aktuellen Fensters ein automatischer Refresh ausgeführt werden sollte (mehr dazu in den nächsten Tagen in einem Beitrag über "Automatische Anpassung von Bildern")

window.addEventListener("resize", function(){
  window.location.reload(true);
});

Leider wurde der Wechsel in den Vollbildmodus ebenfalls als Resize interpretiert, was dann zum Abbruch führte. Das erklärt auch, dass der Abruch nicht im Backend erfolgte, da dort das Script nicht ausgeführt wurde.

Insofern habe ich alle, die hier bei der Lösungssuche geholfen haben (Dank dafür), unnötig beansprucht. Ich hoffe auf Nachsicht.