April 2018
Intermediate to advanced
390 pages
8h 46m
English
Let's start with the home.html file because that is the only page where you added the animation:
<video class="fullscreen-bg__video" autoplay loop muted webkit-playsinline> <source src="assets/Blurry-People.mp4" type='video/mp4; codecs="h.264"' > <source src="assets/Blurry-People.webm" type="video/webm"> </video>
The preceding tag is just a typical <video> tag in HTML5. However, there is a new attribute, called webkit-playsinline. This means that you want the video to play where it is on the HTML page and not open it up fullscreen with the play control. The reason is that you want this video to play in the background, while you can animate text on top of it. This is the reason you need to enable this feature by setting ...