diff --git a/pageB/playVideo/index.nvue b/pageB/playVideo/index.nvue
new file mode 100644
index 0000000..c848c29
--- /dev/null
+++ b/pageB/playVideo/index.nvue
@@ -0,0 +1,44 @@
+<template>
+    <view style="width:750rpx" :style="{'height':height}">
+        <image @click="calose()" style="width:30rpx;height:30rpx;position: fixed;top:80rpx;right:30rpx;" src="/static/image/clons.png"></image>
+        <video :src="url" class="video" :style="{'padding-top':top,'height': width}" :autoplay="true"></video>
+    </view>
+</template>
+<style>
+.video{
+    width: 750rpx;
+    
+}
+</style>
+<script>
+export default {
+    name:"video",
+    data(){
+        return {
+            url:"",
+            top:0,
+            height:0,
+            width:0
+        }
+    },
+    onLoad(a){
+        const res = uni.getSystemInfoSync();
+        let height = res.windowHeight
+        let width = res.windowWidth 
+        this.width = width + ( (height - width) / 2) + 'px'
+        console.log(this.width)
+        this.top = (height - width) / 2+ 'px'
+        console.log(this.top)
+        this.height = height + 'px';
+        console.log(a)
+        this.url = a.url
+    },
+    methods:{
+        calose(){
+            uni.navigateBack({
+                delta: 1
+            });
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index d1616ea..34c3edc 100644
--- a/pages.json
+++ b/pages.json
@@ -79,6 +79,13 @@
 		{
 			"root": "pageB",
 			"pages": [
+				{
+					"path": "playVideo/index",
+					"style": {
+						"navigationStyle":"custom",
+						"backgroundColor":"#000000"
+					}
+				},
 				{
 					"path": "follow/index",
 					"style": {
diff --git a/static/image/clons.png b/static/image/clons.png
new file mode 100644
index 0000000..38c94e2
Binary files /dev/null and b/static/image/clons.png differ