responsive-video

habe cloud-shop, beim Versuch ein Video im responsive-Modus zu skalieren (50%), wird das Video nur horizontal skaliert, vertikal ändert sich nichts,
hier der Code:

Code:

<div class="embed-responsive embed-responsive-16by9" style="max-width:50%;">
    <iframe allowfullscreen="" class="embed-responsive-item" src="//www.youtube.com/embed/3k9nVg03Wi4"></iframe>
</div>

 

warum 50% ? sieht doch auf dem Handy doof aus...

 

das war nur ein Beispiel,
also 100% ist auf dem Desktop zu groß, wollte es relativ kleiner,
einige Hinweis wie es richtig so machen?

 

Mit Bootstap* kannst du für verschiedene Bildschirmgrößen einen eigenen Code machen.
Als Höhe lässt sich, glaube ich, nur eine statische Größe angeben.

* Hier: https://www.gambio.de/blog/gambio-tutorials-eigene-contents-erstellen/


Nachtrag: Warum nicht bei max-width eine absolute Größe machen, z.B. 1000px

 

danke, war genau das was ich brauchte!