Preloading Videos (plus custom preloading screen)

Elements Audio & Video
5

It’s never been super straightforward to vertically and horizontally center elements. You could center your element using code like this: height:100vh;display:flex;align-items:center;justify-content:center;

VH is the percentage of the viewport height. Here’s how that behaves: https://jsfiddle.net/themorgantown/oj246zoq/1/

<div id="responsivepreloadertest_hype_container" style="margin:auto;position:relative;width:100%;height:240px;overflow:hidden;">
	<div style="height:100vh;display:flex;align-items:center;justify-content:center;">
	<img src="./preloader.gif"/>
	</div>
	<script type="text/javascript" charset="utf-8" src="responsivePreloader_test.hyperesources/responsivepreloadertest_hype_generated_script.js?23885"></script>
</div>
2 Likes