Best viewed on regular computer screen
(i.e. not so good on smartphones)
I have collected a varied set of HTML and CSS snipits to do things so I am sharing them here. Currently they are in no particular order.
Most if not all of these batch files will work with current versions of Windows.
Use at your own risk.
<style> .video-outer-container { display: grid; align-items: center; justify-content: center; grid-template-columns: 1fr; max-width: 900px; margin: auto; } .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: 100%; height: 100%; } </style> <body> <div class="video-outer-container"> <div class="video-container"> [Place video or iframe here with out brackets] </div> </div> </body>
I will add more in the future...