0


40行代码的炫酷圣诞树,你不进来看看吗?

效果:

40行代码的炫酷圣诞树 你不进来看看吗?

源码:

<!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>

78e16eb827b94e0f8396678f0164aa55.gif

木易巷网站:https://lovebonnie.vip/
百宝箱在线链接:https://lovebonnie.vip/

我的百宝箱里老多好玩的了,不看你会后悔的!

就这样,拜拜~

标签: 前端 javascript html

本文转载自: https://blog.csdn.net/qq_44794321/article/details/128246119
版权归原作者 木易巷 所有, 如有侵权,请联系我们删除。

“40行代码的炫酷圣诞树,你不进来看看吗?”的评论:

还没有评论