Zitat von
kubjo
Hi Leute,
also langsam nähern wir uns einer praktikablen Lösung.
Leider habe ich noch kleine Probleme:
-Android FF Beta/Chrome: Der große PLAY Button liegt irgendwie über dem gesamten Video, so daß man z.B. nicht auf den Vollbild button tippen kann.
-Win7 FF: Auch hier Problem den Vollbild button zu aktivieren, aber es geht ab und zu
-Android FF Beta/Chrome: Der Play button ist super empfindlich und schaltet bei einer "normalen" Berührung gerne 2x von Pause auf Play und wieder zurück
-Android FF Beta/Chrome: Wenn man von Hoch auf Querformat wechselt, passt sich zwar das Video in der Größe an, der Fortschrittsbalken bleibt klein.
Das Alles könnt ihr hier angucken
Grüße
JK
Ich habe leider auch das Prob mit dem Vollbild !!
Habe vom Code her die Kombination aus der Contao demo "ce_player_responsive.html5"
Code:
<?php
$this->extend('ce_player');
if ($this->isVideo)
{
$this->size .= ' style="width: 100%; height: 100%;"';
}
und dem hier:
Code:
/*sorgt dafuer, dass der zweitäußerste Container immer das Seitenverhaeltnis 16:9 behaelt */
.mejs-container {
width: 100% !important;
height: auto !important;
padding-top: 57%;
}
/* sorgt dafuer, dass das Vorschaubild und der Play-Button wieder mittig zentriert sind */
.mejs-overlay, .mejs-poster {
width: 100% !important;
height: 100% !important;
}
/* sorgt dafuer, dass das Video-Element, der übergeordnete DIV-Container vom Flash-Video
und das Flash-Video richtig skaliert werden */
.mejs-mediaelement video,
.mejs-mediaelement .me-plugin,
.mejs-mediaelement embed {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
}
Contao 3.42 is drauf.
Responsive YouTube Element
Zitieren
.
mit meiner Seite auch hin bekommen.
Lesezeichen