Video-Player für reponsives Design anpassen

[marcelo]

Hallo und eine guten Tag,

ich erstelle gerade eine Website im reponsivem Design und nutze hierzu die aktuelle Contao-Version.

Der komplette Textinhalt passt sich, wie vorgesehen, jeweils dem Endgerät an von dem man die Webseite abruft.
Allerdings verweigert mir das Contao-Bordinstrument für die Einbindung von "Videos" die entsprechende korrekte Darstellung.

So werden alle Videoclips z.B. auf dem Smartphone und 7" Tabletts zu groß angezeigt, auch die Herausnahme der Darstellungsgröße (z.B. 640px x 480px) ergab keine Änderung.

Gibt es einen Trick wie sich auch die entsprechenden Video-Clips dem Endgerät anpassen???

Vielen Dank für Eure Unterstützung
Marcelo

[Kahmoon]

Ich habe meine ce_player.html5 angepasst

<video style="width: 100%; height: 100%;" <?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>

 style="width: 100%; height: 100%;"

Vielleicht gibts ja noch ne bessere Lösung.

[marcelo]

Ich habe meine ce_player.html5 angepasst

<video style="width: 100%; height: 100%;" <?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>

 style="width: 100%; height: 100%;"

Vielleicht gibts ja noch ne bessere Lösung.

Hallo Kahmoon,

Dankeschön für Deine Unterstützung.

Bei der Nutzung Deines Code in der ce_Player.html5 Datei wird zwar das Video entsprechend der Bildschirmauflösung verkleinert, jedoch beim Start bzw. Aufruf der Website wird das Video über den kompletten Bildschirm gelegt. Dies hängt sicher mit den Video Style-Angaben zusammen.

Aktuell arbeite ich mit zwei Spalten die u.a. mit col-lg-4 und col-lg-8 formatiere, liegt da evtl das Problem?

Gruß
Marcelo

[Kahmoon]

Die Breite sollte er immer aus dem umliegenden Container ziehen...sprich aus einer Spalte. Das sollte kein Problem sein. Ich habe auch zwei Spalten. Aber eine 100% gute Lösung ist das auch nicht immer.