首发网站 天风的人工智能小站
一、新建记事本把下面代码粘贴进去
1、圣诞树代码第一种
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AE-圣诞树</title>
<style>
html,body{
margin: 0;
width:200%;
height: 200%;
}
#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://tianfeng.space/wp-content/uploads/2022/12/圣诞树1.mp4">
</video>
</div>
</body>
<script type="text/javascript">
$(function(){
var video = document.getElementById("video1");
video.src = "";
video.play();
});
</script>
</html>
2、圣诞树代码第二种
<!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://tianfeng.space/wp-content/uploads/2022/12/1.mp4">
</video>
</div>
</body>
<script type="text/javascript">
$(function(){
var video = document.getElementById("video1");
video.src = "";
video.play();
});
</script>
</html>
3、修改记事本后缀为html
4、点击文件查看效果
