How to insert a video
How to insert a video on the top page etc.
GIF
https://gyazo.com/3015a8b1f689153dcfe7fcb308d483bb
Code below
index.html
<div class="bg-video-wrap">
<p>Brilliant Blue</p>
<video src="images/foreign.mp4" autoplay loop muted>
</video>
</div>
css
.bg-video-wrap {
position: relative;
}
p {
font-family: serif;
color: #fff;
font-size: 400%;
position: absolute;
left: 30%;
top: 100px;
z-index: 1;
}
that's all!
Please change and use CSS according to the situation!
The foreign.mp4 </ font> part will determine the name of the video you downloaded or made, so apply that! You can probably insert either mp4 or mov at the end!
That's all from the scene!
Recommended Posts