Die erste Website Tianfengs Website für künstliche Intelligenz
1. Erstellen Sie einen neuen Notizblock und fügen Sie den folgenden Code ein
1. Die erste Art von Weihnachtsbaumcode
<!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. Die zweite Art von Weihnachtsbaumcode
<!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. Ändern Sie das Notepad-Suffix in „html“.
4. Klicken Sie auf die Datei, um den Effekt anzuzeigen
