1 年之前 · f5530d3d58
--- a/index.html
+++ b/index.html
@@ -19,6 +19,7 @@
 
				       max-width: 500px;
			
 
				       margin: 0 auto;
			
 
				       overflow: hidden;
			
 
				+      position: relative;
			
 
				     }
			
 
				 
			
 
				     .videoBox {
			
@@ -50,14 +51,43 @@
 
				       color: #fff;
			
 
				       text-decoration: none;
			
 
				     }
			
 
				+
			
 
				+    .videoImg {
			
 
				+      position: absolute;
			
 
				+      top: 0;
			
 
				+      left: 0;
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+      z-index: 100;
			
 
				+    }
			
 
				+
			
 
				+    .videoImg img {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+
			
 
				+    .videoImgBtn {
			
 
				+      position: absolute;
			
 
				+      left: 16%;
			
 
				+      bottom: 17%;
			
 
				+      width: 70%;
			
 
				+      height: 10%;
			
 
				+    }
			
 
				   </style>
			
 
				 
			
 
				 </head>
			
 
				 
			
 
				 <body>
			
 
				+
			
 
				+  <!-- 开场封面 -->
			
 
				+  <div class="videoImg">
			
 
				+    <img src="./myCode/cover.jpg" alt="">
			
 
				+    <div class="videoImgBtn"></div>
			
 
				+  </div>
			
 
				+
			
 
				   <!-- 开场视频 -->
			
 
				   <div class="videoBox">
			
 
				-    <video src="./myCode/video.mp4" controls muted></video>
			
 
				+    <video src="./myCode/video.mp4" controls></video>
			
 
				     <a class="skipTxt" href="./model.html">跳 过</a>
			
 
				   </div>
			
 
				 
			
@@ -71,8 +101,17 @@
 
				   const videoBtnDom = document.querySelector('.skipTxt')
			
 
				 
			
 
				 
			
 
				-  // 自动播放视频
			
 
				-  videoDom.play()
			
 
				+  // 点击图片播放视频
			
 
				+  const videoImgBtn = document.querySelector('.videoImgBtn')
			
 
				+  videoImgBtn.onclick = () => {
			
 
				+
			
 
				+    const videoImgDom = document.querySelector('.videoImg')
			
 
				+    videoImgDom.style.display = 'none'
			
 
				+
			
 
				+    videoDom.play()
			
 
				+  }
			
 
				+
			
 
				+  // videoDom.play()
			
 
				 
			
 
				   // 点击按钮，或者视频播放完毕的回调
			
 
				   const videoPalyEnd = () => {
			
--- a/myCode/cover.jpg
+++ b/myCode/cover.jpg