kwha / gm_digital_archive_front star
박정하 박정하 03-28
250328 박정하 영상 플레이어 추가
@6f5cda6d73107af53214d303a3fca8bda7a31ac2
82c555f
6f5cda6
client/views/component/player/VideoComponent.vue
--- client/views/component/player/VideoComponent.vue
+++ client/views/component/player/VideoComponent.vue
@@ -1,0 +1,34 @@
 
+<template>
 
+  <div class="video-player">
 
+    <video ref="videoPlayer" class="video-element" :src="videoUrl" controls @error="onError"></video>
 
+  </div>
 
+</template>
 
+<script>
 
+export default {
 
+  name: 'VideoPlayer',
 
+  props: {
 
+    videoUrl: {
 
+      type: String,
 
+      required: true
 
+    }
 
+  },
 
+  methods: {
 
+    onError(e) {
 
+      console.error('비디오 로드 중 오류가 발생했습니다:', e);
 
+      this.$emit('error', e);
 
+    }
 
+  }
 
+};
 
+</script>
 
+<style scoped>
 
+.video-player {
 
+  width: 100%;
 
+  max-width: 800px;
 
+  margin: 0 auto;
 
+}
 
+
 
+.video-element {
 
+  width: 100%;
 
+  display: block;
 
+}
 
+</style>
(파일 끝에 줄바꿈 문자 없음)
82c555f
6f5cda6
client/views/pages/bbsDcry/video/VideoHistoryDetail.vue
--- client/views/pages/bbsDcry/video/VideoHistoryDetail.vue
+++ client/views/pages/bbsDcry/video/VideoHistoryDetail.vue
@@ -24,6 +24,7 @@
 
       </dl>
 
       <div class="gallery video">
 
         <img :src="eximg" alt="">
 
+        <Video-component :videoUrl="findResult.files[0].filePath" />
 
       </div>
 
     </form>
 
     <h3>내용</h3>
@@ -66,6 +67,7 @@
 
 </template>
 
 <script>
 
 // COMPONENT
 
+import VideoComponent from '../../../component/player/VideoComponent.vue';
 
 import ViewerComponent from '../../../component/editor/ViewerComponent.vue';
 
 // API
 
 import { findDcryProc, deleteDcryProc } from '@/resources/api/dcry';
@@ -73,6 +75,7 @@
 
 
 export default {
 
   components: {
 
+    VideoComponent,
 
     ViewerComponent,
 
   },
82c555f
6f5cda6
client/views/pages/main/Main.vue
--- client/views/pages/main/Main.vue
+++ client/views/pages/main/Main.vue
@@ -322,7 +322,6 @@
 
 
     // 페이지 이동
 
     fnMoveTo(page, id) {
 
-      console.log("!! ", id);
 
       if (page === 'TotalSearch') {
 
         this.$router.push({ name: page, query: { searchRecord: this.searchRecord, searchText: this.searchText }, });
 
       } else {
Add a comment
List