In Chrome und Safari hatte ich keine Probleme mit dem Vollbildmodus. Andere Browser habe ich nicht getestet. Läuft denn das Video von der Wunderdogs-Website bei Dir im Vollbildmodus?
ah okay, ich dachte, deine Frage hätte sich nur auf den Desktop bezogen. Das iPhone zeigt das Video immer im Vollbild. Auf dem iPad funktioniert der Vollbild-Button weder in Safari noch Chrome. Aber es gibt ein Issue beim mediaelement.js Github, dass dieses Problem beschreibt (link gerade nicht zur Hand). Vielleicht also ein Problem mit einer älteren Version von mediaelement.js?
Ich weiß nicht welche version das ist und auch nicht wie ich es updaten kann.
Wähle es ja nur im Layout aus.
Gesendet von meinem SM-G900F mit Tapatalk
habe es nun über die Erweiterung [InlineMedia] erledigt.
Hi,
war heute auf der Suche bezüglich Youtube Responisive einbetten. Keine Ahnung ob das vielleicht schon hier gezeigt wurde. Ich habe folgendes gefunden und es hat zumindest bei mir auf dem Iphone 6 und Ipad Air funktioniert. Auch der Vollbildmodus ging.
Code als CSS Klasse wo das Video eingebettet:
Code:.elastic-video { position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden; } .elastic-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
Sollte das eh schon vorgeschlagen worden sein dann könnt ihr gerne diesen Eintrag löschen.
LG
Sandra
Grüße Grisu
Der Post ist zwar schon eine Weile her. Ich hatte aber gerade das Problem, dass ich mein YouTube Video responsive machen musste.
Die Tipps hier haben mir sehr weitergeholfen. Es hatte aber nicht ganz geklappt.
Geklappt hat am Ende die Ergänzung von max-width und das Löschen der height:
Code:.mejs-mediaelement video, .mejs-mediaelement .me-plugin, .mejs-mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; max-width: 100%; }
Den Overlay-Button habe ich noch ausgeblendet, weil der über dem You-Tube Button lag und unschön aussah:
Code:.mejs-overlay-button { display:none; }
Die anderen CSS-Regeln von den Tipps hier habe ich deaktiviert. Die waren bei mir nicht nötig.
Geändert von be-tina (12.11.2015 um 18:23 Uhr)
Hall be-tina, dein Code hat bei mir auch funktioniert, danke!
"Der einzige Mensch, der sich vernünftig benimmt, ist mein Schneider. Er nimmt jedesmal neu Maß, wenn er mich trifft, während alle anderen immer die alten Maßstäbe anlegen in der Meinung, sie passten auch heute noch." George Bernard Shaw
Aktive Benutzer in diesem Thema: 2 (Registrierte Benutzer: 0, Gäste: 2)
Lesezeichen