Youtube-Videos funktionieren in Firefox nicht mehr

[SoLucido]

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

[Contao-Academy]

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

Viele Grüße
Christian

[tab]

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.

[lucina]

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.

[Samuell]

Interessant. Win7 FF 43 -> Videos laufen

[lucina]

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

[SoLucido]

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

[Spooky]

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 $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

[Samson1964]

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

[Spooky]

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:

<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).

[pout]

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

[mlweb]

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?

[Spooky]

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

[Andreas]

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?

[mlweb]

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.

[tschero]

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

[Spooky]

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.

[Spooky]

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.

[tschero]

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

[pout]

@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.

[Spooky]

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.

[mlweb]

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".

[Andreas]

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)

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.

[Andreas]

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

[folkfreund]

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

[tschero]

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

[Spooky]

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.

[Spooky]

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

[mlweb]

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 2016_02_10_fehlermelldung_video_ff_mac.png

Gegencheck Chromebrowser, Video läuft.

[Andreas]

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?
capture_02102016_142341.png

[tschero]

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

[Spooky]

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

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

[tschero]

Hallo Andreas,

ich habe folgende Plugins:
ff_plugins.jpg

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

[mlweb]

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

[Andreas]

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.
capture_02102016_225249.png

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

[tschero]

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:

.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:

.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

[andrea$]

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!

Windows 7, 64bit, SP1
Contao 3.5.3

[tschero]

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

Windows 7, 64bit, SP1
Contao 3.5.3

Hi,

könnte es an Deinem Flash-Player liegen?

Gruß
tschero

[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

[Andreas]

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.