diff --git a/core/upload/LNDfjmb_hqRVI1d1NivDntF5.png b/core/upload/LNDfjmb_hqRVI1d1NivDntF5.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0d0c05ac0d7b512c48d5f802f670f355911c6a2
Binary files /dev/null and b/core/upload/LNDfjmb_hqRVI1d1NivDntF5.png differ
diff --git a/yunyou_pavilion/src/views/Mylist/List.vue b/yunyou_pavilion/src/views/Mylist/List.vue
index 07c8d5b6a69bae9356c7f22bd09edafe18eec408..c7a0d040e4dc8f5dcd878ea69224fec0a5596b3a 100644
--- a/yunyou_pavilion/src/views/Mylist/List.vue
+++ b/yunyou_pavilion/src/views/Mylist/List.vue
@@ -93,10 +93,21 @@
     </div>
 </template>
 <script setup>
-import { ref, createApp } from 'vue';
+import axios from 'axios';
+axios.defaults.baseURL = 'http://localhost:3000';
+
+import { ref, createApp,onMounted } from 'vue';
 import wenzhang from '../Mylist/wenzhang.vue';
 
+const getlist = async () => {
+    const res = await axios.get('/details')
+    list.value = res.data
+}
+
 
+onMounted(()=>{
+    getlist()
+})
 
 const list = ref([{ name: '蕉太狼', id: '231010086', ip: '辽宁', sex: '男' }])
 const wen = ref([{ name: '北京大表姐', title: '别在瞎逛故宫了，在去100次的土著攻略', img: '/2.png', img1: '/5.png' },
diff --git a/yunyou_pavilion/src/views/Mylist/List1.vue b/yunyou_pavilion/src/views/Mylist/List1.vue
index 7db42dec236c96525277d180a9c175534bf5da75..ff77b48c1f592dafcfb93f799457e3907abc7e02 100644
--- a/yunyou_pavilion/src/views/Mylist/List1.vue
+++ b/yunyou_pavilion/src/views/Mylist/List1.vue
@@ -42,8 +42,8 @@
                     <div class="my_sex">
                         <span style="font-size: .4rem; ">{{ userInfo.usersex }}</span>
                     </div>
+            
                 </div>
-
                 <div class="mylist_fen">
                     <div style="float: left;">
                         <div class="fen_left" style=" width: 3rem;">
@@ -53,22 +53,17 @@
                                 <span>6.1万</span>
                             </div>
                         </div>
-
                         <div class="fen_left_2" style=" width: 3.5rem;">
                             <span>关注</span>
                             <span>粉丝</span>
                             <span>获赞</span>
                         </div>
                     </div>
-
-
                     <div style=" width: 3.5rem; height: 1rem; float: right; display: flex;  margin-top: 1rem;">
                         <div
                             style=" width: 2rem; border: 1px solid ; height: .7rem; background:  rgb(222, 82, 35,0);border-radius: 3rem; line-height: .7rem; margin-left: 1rem; color: aliceblue;text-align: center">
                             <span style=" font-size: .3rem;" @click="$router.push('')">编写资料</span>
-      
                         </div>
-
                     </div>
                 </div>
             </div>
diff --git a/yunyou_pavilion/src/views/Mylist/shi.vue b/yunyou_pavilion/src/views/Mylist/shi.vue
index 54d11e204fef6677f50a692cca8dc447552eab29..3209e011d669272204e7c56cba6384525c076d7e 100644
--- a/yunyou_pavilion/src/views/Mylist/shi.vue
+++ b/yunyou_pavilion/src/views/Mylist/shi.vue
@@ -1,17 +1,33 @@
 <template>
-    <div style="color: black;" v-for="(item,index) in data" :key="index">
-        <video style="" :src="item.video_url"></video>
-        {{ item.video_url
-         }}
+    <div style="color: black;" v-for="(item, index) in data" :key="index">
+        <div @click="onVideoClick(item, index)" z-index="1" class="swiperItemVideo">
+            <video class="videoPlayer video-shi" :id="'videoPlayer_' + index" ref="player" :key="index"
+                :poster="item.poster" :src="item.video_url" :width="width"  :muted="muteding" loop
+                x5-video-player-type="h5" webkit-playsinline="true" x-webkit-airplay="true"
+                x5-video-orientation="portraint" playsInline="true" x5-video-player-fullscreen="portraint"
+                x5-video-ignore-metadata='true'></video>
+         
+        </div>
     </div>
-</template>
+</template>playing
 <script setup>
-    import { ref,onMounted } from 'vue'
-    import axios from 'axios';
-    axios.defaults.baseURL = 'http://localhost:3000'
-    const data = ref([])
 
-const getmpv = async()=>{
+import { ref, onMounted } from 'vue'
+import axios from 'axios';
+axios.defaults.baseURL = 'http://localhost:3000'
+const data = ref([])
+const player = ref(null);
+const currentIndex = ref(0);
+const playing = ref(true);
+const muteding = ref(true)
+const width = ref(window.innerWidth);
+const height = ref(window.innerHeight);
+let bottomRef = ref(null)
+let bottomHeight = ref(0);
+const currentVideoInfo = ref({
+    videoId: "",
+});
+const getmpv = async () => {
     let list = await axios.get('/video_list')
     console.log(list.data);
     data.value = list.data
@@ -20,10 +36,24 @@ const getmpv = async()=>{
 
 
 
-onMounted(()=>{
+onMounted(() => {
     getmpv()
 })
+
+const onVideoClick = (item, index) => {
+    const video = document.getElementById("videoPlayer_" + index);
+    if (video && playing.value) {
+        video.pause();
+        playing.value = false;
+    } else {
+        video.play();
+        playing.value = true;
+    }
+};
 </script>
 
 <style>
+.videoPlayer {
+    width: 2rem;
+}
 </style>
\ No newline at end of file