diff --git a/3DProject.html b/3DProject.html
index b7f19f458dfe0e68191ed30f14b14deba02436b6..54b243edf43b9c1743e41a1076e98ecc3a1c83c7 100644
--- a/3DProject.html
+++ b/3DProject.html
@@ -49,7 +49,7 @@
   <div id="label"></div>
   <div id="container"></div>
   <video id="video" autoplay loop muted>
-    <source src="./video.mp4">
+    <source src="./video/videoPlane.mp4">
   </video>
 
   <script>
@@ -302,19 +302,6 @@
       createWindow(100, 100, 2, 0, 900, 90, 700, "窗户");
       createWindow(100, 100, 2, 0, -200, 90, 700, "窗户");
       createWindow(100, 100, 2, 0, 200, 90, 700, "窗户");
-
-      var planeGeometry = new THREE.PlaneGeometry(200, 100);
-      var material = new THREE.MeshPhongMaterial();
-      material.side = THREE.DoubleSide;
-      var video = document.getElementById('video');
-      var texture = new THREE.VideoTexture(video);
-      texture.minFilter = THREE.LinearFilter;
-      texture.magFilter = THREE.LinearFilter;
-      texture.format = THREE.RGBFormat;
-      material.map = texture;
-      var mesh = new THREE.Mesh(planeGeometry, material);
-      mesh.position.set(0, 60, -690);
-      scene.add(mesh);
     }
 
     // 初始化轨迹球控件
@@ -450,6 +437,7 @@
       initMat();
       initScene();
       addSkybox( 10000, scene );
+      addVideoPlane( 0, 60, -690, 200, 100 ,scene, 'video' );
       initCamera();
       initRenderer();
       initContent();
diff --git a/3DVideo.html b/3DVideo.html
index 86d0157a95b912c65b1e2c13d62a63865286c329..44db8a0ad27324158f474f5cc09f9e1f4ffa95bd 100644
--- a/3DVideo.html
+++ b/3DVideo.html
@@ -27,7 +27,7 @@
 </head>
 <body>
 <video id="my-video" class="video-js" controls preload="auto" autoplay loop data-setup="{}" crossorigin="anonymous">
-    <source src="./video/movie.mp4"/>
+    <source src="./video/video.mp4"/>
 </video>
 </body>
 </html>
diff --git a/README.md b/README.md
index c0ea6db0bb80bc318f7edd48e9079cbd997d95c1..4a2548f2dc51083ac5a943ff95ccbf6985b566d9 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,3 @@
 # ThreeJsDemo
-ThreeJs示例代码
+在线演示地址：
+http://www.yuyaowujin.top/3DProject.html
diff --git a/ThreeJs/Modules.js b/ThreeJs/Modules.js
index 82e98f705203b2f21f3c77f3221454b60de8fcb0..d275e187cbaa92c5946db24a64d881a28f1f6096 100644
--- a/ThreeJs/Modules.js
+++ b/ThreeJs/Modules.js
@@ -218,8 +218,24 @@ function addRollPlane(scene) {
 }
 //endregion
 
+//region 放置视频面板
+function addVideoPlane( x,y,z,width,length,scene,videoId ) {
+  var planeGeometry = new THREE.PlaneGeometry(width, length);
+  var material = new THREE.MeshPhongMaterial();
+  material.side = THREE.DoubleSide;
+  var video = document.getElementById(videoId);
+  var texture = new THREE.VideoTexture(video);
+  texture.minFilter = THREE.LinearFilter;
+  texture.magFilter = THREE.LinearFilter;
+  texture.format = THREE.RGBFormat;
+  material.map = texture;
+  var mesh = new THREE.Mesh(planeGeometry, material);
+  mesh.position.set(x,y,z);
+  scene.add(mesh);
+}
+//endregion
+
 //region 矩形区域
-/**  */
 function addPlane(x,z,width,length,scene) {
     var lineWidth = 8
     var geometry = new THREE.PlaneGeometry( lineWidth, length );
diff --git a/video/movie.mp4 b/video/video.mp4
similarity index 100%
rename from video/movie.mp4
rename to video/video.mp4
diff --git a/video/videoPlane.mp4 b/video/videoPlane.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..cf6e50eef6f855315221f8a3b6adad3e9bef2bf8
Binary files /dev/null and b/video/videoPlane.mp4 differ
