Responsive (voor mobiel) youtube video (CSS) Voorbeeld Kopie script Select & Copy HTML <div class=”video-container”> <!– Vervang onderstaande youtube code –> <iframe width=”4575″ height=”353″ src=”https://www.youtube.com/embed/i6AY5JvrKkk” title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe> <!– Einde youtube code –> </div> Select & Copy CSS <style> .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:550; height:309 ; } </style>
HTML HTML HTML
HTML