lightbox #mbimage Größe geräteabhängig bestimmen

Hallo,

ich möchte die Videos dieser Seite www.hfn-media.net möglichst responsiv auf die unterschiedlichesten Endgeräte optimieren.

ich würde gerne die Größe des lightbox Players geräteabhängig einschränken. In den Einstellungen der Erweiterung lightbox4ward muss ich aber eine Breite / Höhe angeben. Diese sollten die maximale Größe sein.
Wie verwende ich CSS, wenn ich will, dass sowohl die Position des Smartphones als auch die Größe des zur Verfügung stehendes Screens berücksichtig wird? Ich meine, dass das Videobild nicht größer sein darf als der Screen.

https://blog.kulturbanause.de/2011/0...co-optimieren/

Ich denke es gibt wohl so eine Auto-Setting für diese Parameter:

device-width
Breite des Mediums (Smartphone-Bildschirm, Monitorgröße etc. )
Beispiel: @media screen and (device-width: 800px) { … }
device-height
Höhe des Mediums (Smartphone-Bildschirm, Monitorgröße etc.)
Beispiel: @media screen and (device-height: 400px) { … }
orientation
Beschreibt ob ein Gerät im Querformat (landscape) oder im Hochformat gehalten wird (portrait).
Beispiel: media all and (orientation:portrait) { … }

Vielen Dank für eure Hilfe.

Gr. I.