Responsive IFrame Video

Question

Ich versuche ein Google Drive-Video in meine Website einzubetten. Im Moment ist der Frame reaktionsschnell, jedoch wird das Video beim Betrachten auf einem mobilen Gerät nicht auf die Frame-Größe verkleinert. Dies bedeutet, dass ein Benutzer nur die obere Ecke des Videos sehen kann. Wie kann ich das Video anpassen?

<div style="text-align:center; position: relative; height: 0; padding-bottom: 50%; overflow: hidden;"><iframe src="https://drive.google.com/file/d/1L2SPIlBhglFhGenByihjkgFcEVx1d2Th/preview" width="960" height="540"></iframe></div> 

Screenshot of Video

Answer 1

versucht, dies im Kopf-Tag hinzufügen?

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">