cover.html

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="css/uikit.min.css" />

    </head>
    <body>
		<div class="uk-cover-container">
			<img src="img/dark.jpg" alt="" uk-cover>
		</div>
		<div class="uk-cover-container" uk-height-viewport>
    		<video uk-cover autoplay loop muted>
        		<source src="vid/big_buck_bunny.mp4" type="video/mp4">
    		</video>
		</div>
		<div class="uk-cover-container">
    		<canvas width="400" height="200"></canvas>
    		<img uk-cover src="img/dark.jpg" alt="">
		</div>
		<div class="uk-cover-container" uk-height-viewport>
    		<img src="img/dark.jpg" alt="" uk-cover>
		</div>
		<script src="js/jquery.js"></script>
        <script src="js/uikit.min.js"></script>
        <script src="js/uikit-icons.min.js"></script>
    </body>
</html>