Effect:
Why don’t you come in and take a look at the cool Christmas tree with 40 lines of code?
Source code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AE-圣诞树</title>
<style>
html,body{
margin: 0;
width:100%;
height: 100%;
}
#main{
position: absolute;
top: 0;
left: 0;
}
#video1{
width:100%;
height:100%;
}
.hidden{
display:none;
}
</style>
</head>
<body>
<div id="main">
<video id="video1" muted="muted" autoplay="autoplay" loop="loop" src="https://lovebonnie.vip/love/1.mp4">
</video>
</div>
</body>
<script type="text/javascript">
$(function(){
var video = document.getElementById("video1");
video.src = "";
video.play();
});
</script>
</html>
Muyi Lane website: https://lovebonnie.vip/
Treasure chest online link: https://lovebonnie.vip/
There are so many fun things in my treasure chest, you will regret it if you don’t take a look!
That’s it, bye~