AE圣诞树代码

TianFeng 摸鱼511阅读模式

AE圣诞树代码

一、新建记事本把下面代码粘贴进去

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

AE圣诞树代码

4、点击文件查看效果

AE圣诞树代码

相关文章
weinxin
我的公众号
微信扫一扫
TianFeng
  • 本文由 发表于 2022年 12月 16日 12:37:17
  • 转载请务必保留本文链接:https://tianfeng.space/660.html