Wie die Größe von Videos an den Bildschirm anpassen?

Question

Hallo liebes SoSci-Team,

ich habe eine Frage zum Einbinden von Videos:

Bisher passe ich die Größe mit dem HTML-Code "< video width="512" height="288" controls controlsList="nodownload">" an.

Bei Nutzung der Smartphone-Version wird hier allerdings ein Teil weggeschnitten.

Gibt es eine Funktion, mit der die Größe auch dynamisch an den jeweiligen Bildschirm (Smartphone/ PC Bildschirm/ Tablet) angepasst werden kann und die Seitenverhältnisse dieselben bleiben?

Welche Möglichkeiten gibt es für die Videoeinbindung bei Smartphones?

Ganz herzlichen Dank Euch!

Answer 1

Bitte fügen Sie mit dem style-Tag die CSS-Anweisung max-width: 100% ein:

<video width="512" height="288" style="max-width: 100%" controls controlsList="nodownload">

Comments

Super! Vielen Dank!