圣诞树视频代码HTML

圣诞树代码HTML

如有侵权,与本人联系
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>圣诞树title>
    <style>
        html,body{
            margin: 0;
            width:90%;
            height: 85%;
        }
        #main{
	position: absolute; 
		top: 0; 
		left: 0; 
}
        #video{
            width:99%;
            height:90%;
        }
        .hidden{
            display:none;
        }
    style>
    
head>
<body>
    <div id="main">
        <video id="video" muted="muted" autoplay="autoplay" loop="loop" src="AE.mp4">
        video>
    div>
body>
<script type="text/javascript">
    $(function(){
		var video = document.getElementById("video");
        video.src = "";
        video.play();
    });
script>
html>

通过更改文件名称使网页显示不同的视频
圣诞树视频代码HTML_第1张图片
效果图片

文章最后记得点赞哦(●ˇ∀ˇ●)

你可能感兴趣的:(html,前端,javascript)