Youtube-Videos funktionieren in Firefox nicht mehr

Hallo,

ich habe festgestellt, dass YouTube-Videos, die über den Elementtyp "YouTube" eingebunden sind, in Firefox nicht mehr funktionieren.
Statt des video-Tags wird das embed-Tag verwendet. Das video-Tag ist zwar auch eingebunden, allerdings mit display:none.
Angezeigt wird der Player mit Play-Button, aber die Videos lassen sich nicht starten und es wird auch kein Video-Titel angezeigt.
Ich habe die aktuelle Firefox-Version 43.0.4 und verwende Contao 3.5.0.
Die Frage, ob ich Flash erlauben möchte, habe ich natürlich bestätigt.

Komisch ist, dass es in anderen Browsern, z.B. Opera, Chrome, Internet Explorer und Safari für Windows einwandfrei funktioniert.
Hier wird auch nur das video-Tag eingebunden und verwendet.
Hat jemand eine Idee? Gibt es hierzu einen bekannten Bug? Vorher funktionierte es problemlos, also hängt es evtl. mit der neuen Firefox-Version zusammen.
Ich habe auch versucht, das video-Tag manuell in einem HTML-Element einzubinden, allerdings wird auch dann zusätzlich das embed-Tag eingebunden und das video-Tag ausgeblendet und das Video lässt sich nicht abspielen.
Mein Versuch, das video-Tag per Firebug einzublenden und das embed-Tag auszublenden, hat auch keine Wirkung erzielt.

Es geht um folgende Seite:
http://www.northstarmobil.de/videos

Danke und viele Grüße

Ich hab hier einen Mac mit Firefox 43.0.4.
Da kann ich die Videos abspielen.

Viele Grüße
Christian

Ich hab hier ein Windows Vista mit Firefox 43.0.4 und kann sie - zumindest auf der verlinkten Seite - nicht abspielen.

Edit: Gerade eben kontrolliert, geht auch auf einer eigenen Seite nicht mehr (Contao 3.5.2 / Windows Vista / Firefox 43.0.4), auf der es bereits einmal funktioniert hat.

Sollte wohl etwas wie dieser Bug sein: https://bugzilla.mozilla.org/show_bug.cgi?id=1236042

TL,DR: Bug bei YouTube, bei denen die VP9-Videoeinbindung kaputt ist.

Interessant. Win7 FF 43 -> Videos laufen

So wie ich das lese hängt es von der Unterversion ab.

Hallo,

also ich habe auch Windows 7. Dann scheint es wohl ein PC-Problem zu sein und mit der Unterversion 43.0.4 zusammen zu hängen. Das macht auch Sinn, da das Problem erst vor Kurzem, also mit dem letzten oder vorletzten Firefox-Update aufgetreten ist. Doof ist natürlich, dass sicher viele das automatische Update aktiviert haben.
Danke für den Link @lucina, das scheint es wohl zu sein.
Ist natürlich unschön, wenn man nun warten muss, bis sich Mozilla oder YouTube dem Problem annehmen.

Kann nicht auch Contao hier etwas machen?
Ich habe nämlich auf einer anderen Seite, die nicht Contao verwendet, gesehen, dass das video-Tag in Firefox 43.0.4 ganz normal funktioniert, siehe http://www.wohnkabine.at/impressionen/
Die Frage, die sich mir stellt, ist, warum Contao nur in Firefox auf das embed-Tag ausweicht, obwohl das video-Tag funktionieren würde. In allen anderen von mir getesteten Browsern verwendet Contao ja ebenfalls das video-Tag. Nur in Firefox wird das video-Tag ausgeblendet und das embed-Tag drüber gelegt. Ist hier irgendeine spezielle Firefox-Routine verbastelt?

@Fenepedia: Welches Tag wird denn in Firefox 43.0.4 für MAC verwendet?

Viele Grüße
Jay

Geht es hier nur um die Einbindung über <video>? Wenn ja, dann würde ich einfach auf das normale iframe ausweichen: ce_player.html5

PHP-Code:

---

<?php $this->extend('block_searchable'); ?>

<?php $this->block('content'); ?>

  <!-- indexer::stop -->
  <?php if( $this->type == 'youtube' ): ?>
    <div class="video-wrapper">
      <iframe type="text/html" src="https://www.youtube.com/embed/<?= $this->youtube ?><?php if( $this->autoplay ): ?>?autoplay=1<?php endif; ?>" frameborder="0"></iframe>
    </div>
  <?php elseif ($this->isVideo): ?>
    <video<?= $this->size ?><?php if ($this->poster): ?> poster="<?= $this->poster ?>" preload="none"<?php endif; ?><?php if ($this->autoplay): ?> autoplay<?php endif; ?> controls>
      <?php foreach ($this->files as $file): ?>
        <source type="<?= $file->mime ?>" src="<?= $file->path ?>" title="<?= $file->title ?>">
      <?php endforeach; ?>
    </video>
  <?php else: ?>
    <audio<?= $this->size ?> preload="none"<?php if ($this->autoplay): ?> autoplay<?php endif; ?> controls>
      <?php foreach ($this->files as $file): ?>
        <source type="<?= $file->mime ?>" src="<?= $file->path ?>" title="<?= $file->title ?>">
      <?php endforeach; ?>
    </audio>
  <?php endif; ?>
  <!-- indexer::continue -->

<?php $this->endblock(); ?>

---

UPDATE: das Template ist nun als Extension verfügbar: https://community.contao.org/de/show...me-integrieren

Falls nicht schon das Template geändert wurde: Windows 10, FF 43.0.4 - alles okay

Zitat:

---

Zitat von SoLucido

Kann nicht auch Contao hier etwas machen?
Ich habe nämlich auf einer anderen Seite, die nicht Contao verwendet, gesehen, dass das video-Tag in Firefox 43.0.4 ganz normal funktioniert, siehe http://www.wohnkabine.at/impressionen/
Die Frage, die sich mir stellt, ist, warum Contao nur in Firefox auf das embed-Tag ausweicht, obwohl das video-Tag funktionieren würde. In allen anderen von mir getesteten Browsern verwendet Contao ja ebenfalls das video-Tag. Nur in Firefox wird das video-Tag ausgeblendet und das embed-Tag drüber gelegt. Ist hier irgendeine spezielle Firefox-Routine verbastelt?

---

Das verursacht MediaElement.js, nicht Contao. Contao gibt es ganz normal als <video> Tag aus - siehe Source:

PHP-Code:

---

<div class="ce_youtube block">

    <h2>Rundgang in den Produktionsstätten</h2>

    <!-- indexer::stop -->
    <video width="425" height="344" controls>
        <source type="video/x-youtube" src="//www.youtube.com/watch?v=XTAXIis4_Eo" title="">
    </video>
    <!-- indexer::continue -->

</div> 


---

Ich würde, wie gesagt, bei YouTube Videos auf MediaElement.js verzichten und diese stattdessen als iframe einbinden (siehe Beispiel Template oben).

Falls ihr nicht auf mediaelement verzichten wollt:
Die src-files von mediaelement wurden upgedatet, dass firefox den html-Player benutzt.

node.js und npm sollte bei euch installiert sein.

1. https://github.com/johndyer/mediaelement - Download zip und dieses entpacken.
2. in das Verzeichnis wechseln in das die zip-Datei entpackt wurde
3. in der Console:
   
   • npm install -g grunt (falls grunt noch nicht installiert)
   • npm install -g grunt-cli
   • grunt
4. aus dem /build Verzeichnis folgende Dateien in
   
   /assets/jquery/mediaelement/2.16.4/js
   
   der Contao-Installation hochladen. (wahrscheinlich reicht auch medialement-and-player.min.js) Backup der alten medialement-Dateien erstellen!
   
   • mediaelement.js
   • mediaelement.min.js
   • mediaelement-and-player.js
   • mediaelement-and-player.min.js
   • medialementplayer.js
   • medialementplayer.min.js

Da ich es nicht auf Anhieb geschafft habe node.js und npm unter Windows zum Laufen zu bekommen, wird diese Lösung beim nächsten Update standardmäßig im Contao verfügbar sein oder verstehe ich hier etwas grundsätzlich falsch?

Zuerst muss es einen neuen Release von MediaElement.js geben, bevor das in Contao integriert wird, denke ich.

Auf der Demo http://demo.contao.org/en/media-elements.html läuft das Video auf meinem Win 10 FF 44.0 auch nicht. Gibt es schon ein Ticket diesbezüglich?

Zitat:

---

Zitat von Spooky

Zuerst muss es einen neuen Release von MediaElement.js geben, bevor das in Contao integriert wird, denke ich.

---

Ich bin kein Entwickler, aber ich hatte verstanden, dass @pout mit seinem Post darüber informieren wollte, dass es ein neues Release gibt.

Aber egal. Wenn es also ein neues Release gibt, hoffe ich darauf das es auch in Contao Einzug hält.
Bis dahin funktioniert ja auch Dein Template prima.

Hallo Zusammen,

Videos laufen mit FireFox V. 44.0.1 (WIN 7).

Wo wäre denn das Problem einfach ein Browserupdate durchzuführen?

Gruß
tschero

Zitat:

---

Zitat von mlweb

Ich bin kein Entwickler, aber ich hatte verstanden, dass @pout mit seinem Post darüber informieren wollte, dass es ein neues Release gibt

---

Nein, die Änderungen wurden in den master branch committed, aber es gibt davon noch keinen release. pout hat erklärt wie man sich die Version aus dem master branch selber buildet - entspricht dann der Version 2.20.0.beta.

Zitat:

---

Zitat von tschero

Videos laufen mit FireFox V. 44.0.1 (WIN 7).

---

Kann ich nicht bestätigen. FireFox 44.0.1, Windows 7 x64, YouTube Videos laufen mit <video> + MediaElement.js nicht.

Hi Spooky,

mit js-mediaelement schon, aber ich sehe gerade, das der Link http://www.northstarmobil.de/videos jetzt mit <iframe> läuft statt mit <video>.

Aber mal abgesehen davon, würdet Ihr nicht auch eher auf ein Browserupdate warten statt überall den Code anzupassen?

Gruß,
tschero

@mlweb:
Es ist so wie Spooky es schon erwähnt hat: Es wurden die Sourcefiles von mediaelement aus denen ein Release erstellt wird, wenn alles getestet ist und passt, dahingehend geändert, dass FF nun statt Flash den html5-Player bei youtube-Videos verwendet. Contao wird diese Änderungen erst übernehmen, wenn medialement die Änderungen für gut befindet und ein neues Release veröffentlicht. Da ich aber nicht warten wollte, habe ich beschrieben, wie man sich eine aktuelle Version der medialement*.js files selbst erstellen kann und in seine Contaoinstallation übernimmt.

@tschero:
Wenn man will, dass die Videos im FF jetzt funtkionieren, kann man nicht auf ein Browserupdate warten. Ich habe <video> + medialement lieber als <iframe>, da dann am Ende des Videos nicht die Vorschläge von Youtube kommen. Ausserdem finde ich es begrüßenswert, das medialement auch im FF kein Flash mehr verwendet. Die Alternative ist entweder auf ein Browserupdate zu warten, damit Flashvideos von Youtube wieder funktionieren, oder bis ein neues Release von mediaelement da ist und dieses in Contao übernommen wurde.

Die Vorschläge kannst du auch beim iframe deaktivieren. Siehe https://developers.google.com/youtube/player_parameters

Ich sehe keinen Vorteil für YouTube Videos MediaElement.js einzusetzen - vorausgesetzt man will die Steuerelemente nicht selbst stylen.

Zitat:

---

Zitat von tschero

Aber mal abgesehen davon, würdet Ihr nicht auch eher auf ein Browserupdate warten statt überall den Code anzupassen?

---

Da Firefox den Flash-Player schon seit Mitte vorigen Jahres standardmäßig blockt, begrüße ich den Umbau des mediaelements.
Wie man das jetzt für seine Projekte händelt kommt sicher drauf an.
Ich habe nur eine Kundin, bei der das Problem auftrat. Dort war das Script von @spooky Gold wert. Ich konnte das Problem damit in 5 Minuten lösen. Wenn die neue Version des mediaelements dann in Contao verfügbar ist, können wir wieder auf <video> + medialement zurückgehen.
Hat man sehr vielen Kunden mit dem Problem ist der Arbeitsaufwand etwas größer, egal welche Lösung mal wählt (angepasstes template mit <iframe> oder betavesion des mediaelements). Wenn man nicht so wie ich unter Windows arbeitet ist der Zeitaufwand für beide Anpassungen wahrscheinlich ähnlich. Das warten auf ein Browserupdate wäre für meine Kunden allerdings keine Option. Das kann man sich m.E. vielleicht bei einer Hobby-Website leisten. Für professionelle Webseiten sind nicht funktionierende Videos in meinen Augen ein "No-Go".

Zitat:

---

Zitat von tschero

Videos laufen mit FireFox V. 44.0.1 (WIN 7).

Wo wäre denn das Problem einfach ein Browserupdate durchzuführen?

---

Gestern kurz nach meinem Beitrag kam das FF Update auf 4.0.1 und dort läuft es bei mir auch nicht in der Demo. (Win 10)

Zitat:

---

Zitat von tschero

aber ich sehe gerade, das der Link http://www.northstarmobil.de/videos jetzt mit <iframe> läuft statt mit <video>.

---

Die Videos auf dieser Seite laufen bei mir auch nicht.

Habe ein Ticket erstellt https://github.com/contao/core/issues/8217

Zitat:

---

Zitat von Spooky

Die Vorschläge kannst du auch beim iframe deaktivieren. Siehe https://developers.google.com/youtub..._api_reference

---

Danke für den Tipp, aber welche Option ist das? Ich sehe den Wald vor lauter Bäumen nicht :(

Zitat:

---

Zitat von Andreas

Die Videos auf dieser Seite laufen bei mir auch nicht.

---

.
Hallo Andreas,

gerade eben noch mal getestet.

Videos laufen alle, auch mit Ton fehlerfrei. (WIN7 Pro 64bit, FF update 44.0.1 von heute morgen)

Gruß
tschero

Zitat:

---

Zitat von folkfreund

Danke für den Tipp, aber welche Option ist das? Ich sehe den Wald vor lauter Bäumen nicht :(

---

rel=0: https://developers.google.com/youtub...parameters#rel (hatte auf die falsche Seite verlinkt)


Wahrscheinlich werde ich demnächst eine Extension veröffentlichen, wo man alle dies Parameter für das Inhaltselement "YouTube" einstellen kann.

Zitat:

---

Zitat von tschero

gerade eben noch mal getestet.

Videos laufen alle, auch mit Ton fehlerfrei. (WIN7 Pro 64bit, FF update 44.0.1 von heute morgen)

---

Selbes System, selber FireFox, Videos laufen nicht ;)

Zitat:

---

Zitat von Andreas

Die Videos auf dieser Seite laufen bei mir auch nicht.

---

Kann ich bestätigen WIN 10 FF 44.01, auch kein Vorschaubild vorhanden.
Mac OS X El Capitan 10.11.3 FF 44.0.1 Vorschaubild vorhanden, Video läuft nicht, Meldung siehe Screenshot Anhang 17270

Gegencheck Chromebrowser, Video läuft.

Zitat:

---

Zitat von tschero

Hallo Andreas,
gerade eben noch mal getestet.
Videos laufen alle, auch mit Ton fehlerfrei. (WIN7 Pro 64bit, FF update 44.0.1 von heute morgen)

---

Ne, keine Chance bei mir auf Win 10. Fehlt mir da vielleicht ein Plugin?
Anhang 17271

Zitat:

---

Zitat von Spooky

Selbes System, selber FireFox, Videos laufen nicht ;)

---

Ich kann das nicht nachvollziehen.
Meinen Browsercache habe ich auch mehrfach geleert.

Woran kann das liegen dass es bei 2 gleichen Systemen einmal läuft und einmal nicht?

Gruß
tschero

Zitat:

---

Zitat von tschero

Ich kann das nicht nachvollziehen.
Meinen Browsercache habe ich auch mehrfach geleert.

Woran kann das liegen dass es bei 2 gleichen Systemen einmal läuft und einmal nicht?

Gruß
tschero

---

Schwer zu sagen. Die Fehlermeldung im FireFox lautet jedenfalls

Code:

---

Specified "type" attribute of "video/x-youtube" is not supported. Load of media resource //www.youtube.com/watch?v=XTAXIis4_Eo failed.

---

Hallo Andreas,

ich habe folgende Plugins:
Anhang 17272

Meine Version von OpenH264-Videocodec zur Verfügung gestellt von Cisco Systems, Inc. ist die 1.5.1(November 15) und Du hast die neuere 1.5.3.


Gruß
tschero

Da ich die Plugins auch standardmäßig aktualisieren lasse, kommt bei mir in beiden Systemen (Mac und Windows 10) die Version 1.5.3 des OpenH264-Videocodecs zum Einsatz

Hallo tschero, bei mir liegt es an dem Flash-Player, wenn ich den deaktiviere sehe ich die Videos auch. Flashplayer ist aktualisiert.

Allerdings füllt das Video auf der Demoseite http://demo.contao.org/en/media-elements.html die Box nicht aus, siehe Bild. Auf der Beispielseite von oben ist die Box ausgefüllt.
Anhang 17275

Einige deiner Plugins hatte ich bei mir auch, aber irgendwas scheint die bei mir nach nem FF-Upate immer wieder rauszuschmeißen.

Hallo Andreas,

also ich denke da ist weiterhin ein Fehler im FF.
Die CSS Anweisungen werden wohl nicht richtig verarbeitet.

Das CSS auf der Beispielseite oben und der CSS Code der COD sieht etwa so aus:

Code:

---

.mejs-mediaelement {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;

.me-plugin {
    position: absolute;
}
}

---

Ergänzt man im Firebug folgendes, ist auch in der COD das Video in Full Size zu sehen:

Code:

---

.me-plugin {
    position: absolute;
    width: 100%;
    height: 100%;
}

---

Im IE 11 sieht´s ganz gut aus.

Ich denke nicht dass Dir das jetzt großartig helfen wird aber ich kann zumindest Dein Problem auch nachvollziehen.

Gruß
tschero

mir ist das Problem bei meiner Seite gestern zufällig aufgefallen. FF 43.0.1 Update ---> 44.0.1 Video läuft nicht!
Auch im IE 11 wird das Video nicht geladen! :mad:

Windows 7, 64bit, SP1
Contao 3.5.3

Zitat:

---

Zitat von andrea$

Video läuft nicht!
Auch im IE 11 wird das Video nicht geladen! :mad:

Windows 7, 64bit, SP1
Contao 3.5.3

---

Hi,

könnte es an Deinem Flash-Player liegen?

Gruß
tschero

Jein!

You have version 20,0,0,306 installed - dies is die aktuelle Version! Habe die nochmal installiert, hilft beim FF nichts aber beim IE 11

Zitat:

---

Zitat von andrea$

Jein!

You have version 20,0,0,306 installed - dies is die aktuelle Version! Habe die nochmal installiert, hilft beim FF nichts aber beim IE 11

---

Wie ich oben schon gesagt hatte ist es genau umgekehrt, das Video läuft nur, wenn der Flash-Player nicht installiert ist.

Zitat:

---

Zitat von tschero

Ergänzt man im Firebug folgendes, ist auch in der COD das Video in Full Size zu sehen:

Code:

---

.me-plugin {
    position: absolute;
    width: 100%;
    height: 100%;
}

---

---

Ok, zuerst muss natürlich jetzt mal sichergestellt werden, dass die Youtube-Videos in Contao in der nächsten Version wieder out of the box laufen, auch mit aktiviertem Flash-Player im FF.

.me-plugin ist der IFRAM, width:100%; macht Sinn, wenn er absolut positioniert ist, da sich ein absolut positioniertes Element nicht mehr automatisch auf 100% Breite ausdehnt.

Bleibt festzustellen, wer für das CSS verantwortlich ist, die COD, das mediaelement oder Contao. Wenn alles wieder läuft, muss dann an der entsprechenden Stelle das CSS korrigiert werden.

Zitat:

---

Zitat von Andreas

Wie ich oben schon gesagt hatte ist es genau umgekehrt, das Video läuft nur, wenn der Flash-Player nicht installiert ist.

---

Mir ist das klar aber es geht ja nicht um mich, sondern um meine Besucher.

Das alternative ce_player Template, wo YouTube videos direkt als <iframe> eingebunden werden, kann nun als Extension installiert werden: [youtube_iframe]

Zitat:

---

Zitat von Spooky

Selbes System, selber FireFox, Videos laufen nicht ;)

---

Sowas kann immer mit der Grafikkarte bzw. den Treibern zusammenhängen. Alle Browser führen Black- bzw. Whitelists für problematische bzw. known-good-Treiber, die keine Abstürze oder andere Probleme verursachen. Bei Firefox kann das im Prinzip dazu führen, dass er nicht auf den Betriebssystem-Decoder für H.264 setzt (genauer: das Codec als nicht unterstützt angibt), sondern seinen eigenen Software-Decoder für VP9 nutzt um stabiler zu arbeiten. Mach doch mal einen Vergleich mit einer nicht-funktionierender Seite und fahre dann Treiber-Updates und schau', was danach passiert.

Zitat:

---

Zitat von tschero

Meine Version von OpenH264-Videocodec zur Verfügung gestellt von Cisco Systems, Inc. ist die 1.5.1(November 15) und Du hast die neuere 1.5.3

---

Das OpenH264-Plugin wird nicht für normale Videowiedergabe sondern v.a. Low-Latency-Encoding für Videochats (WebRTC) verwendet.

Zitat:

---

Zitat von FloB

Sowas kann immer mit der Grafikkarte bzw. den Treibern zusammenhängen. Alle Browser führen Black- bzw. Whitelists für problematische bzw. known-good-Treiber, die keine Abstürze oder andere Probleme verursachen. Bei Firefox kann das im Prinzip dazu führen, dass er nicht auf den Betriebssystem-Decoder für H.264 setzt (genauer: das Codec als nicht unterstützt angibt), sondern seinen eigenen Software-Decoder für VP9 nutzt um stabiler zu arbeiten. Mach doch mal einen Vergleich mit einer nicht-funktionierender Seite und fahre dann Treiber-Updates und schau', was danach passiert.

---

Die Treiber scheinen nicht das Problem zu sein. Der Fehler tritt bei mir auf allen PCs mit FireFox 44 auf, egal ob aktuellster Grafikkarten Treiber oder nicht. Das Problem ist, dass MediaElement.js für YouTube Videos den Flash Player vor der Einbindung über iframe bevorzugt - im Flash Player kommt es aber unter FireFox 44 zu einem Fehler:

Code:

---

Error #2044: Unhandled IOErrorEvent:. text=Error #2035: URL Not Found.

---

Kann man sich mit der Debug Version des Adobe Flash Player anzeigen lassen.

Der von MediaElement.js erzeugte <embed> code lautet wie folgt:

PHP-Code:

---

<embed style="width: 690px; height: 517px;" id="me_flash_0" name="me_flash_0" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="//www.macromedia.com/go/getflashplayer" src="/assets/jquery/mediaelement/2.16.4/legacy/flashmediaelement.swf" flashvars="id=me_flash_0&amp;jsinitfunction=mejs.MediaPluginBridge.initPlugin&amp;jscallbackfunction=mejs.MediaPluginBridge.fireEvent&amp;isvideo=true&amp;autoplay=false&amp;preload=none&amp;width=400&amp;startvolume=0.8&amp;timerrate=250&amp;flashstreamer=&amp;height=300&amp;pseudostreamstart=start&amp;file=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DrOGhp63Lvbo" scale="default" class="mejs-shim" height="300" width="400"> 


---

Ich habe bisher bei mir keine der vorgeschlagenen Änderungen gemacht, wie z.B. die Erweiterung [youtube_iframe]. Mit FF 46.0.1 unter Win 8.1 bzw. 10 laufen die Videos nicht, in Chrome und IE dagegen tadellos. Allerdings benutze ich noch Contao 3.5.6. Ich werde die entsprechenden Dateien mal mit der 3.5.12 vergleichen.

EDIT: Alles okay. Ich habe das Mediaelement ersetzt in assets/jquery.

Zitat:

---

Zitat von Samson1964

Allerdings benutze ich noch Contao 3.5.6.

---

Der MediaElement.js Fix ist ab Contao 3.5.7 drin. Ansonsten gibt es mittlerweile auch schon Version 2.21.1 von MediaElement.js