# 組件名：hsCourseChapter?（課程視頻組件） ### 作者：屈磊 ### 效果：   ## 使用方式： ``` 需要插件支持 //?cnpm?i?--save?video.js@7.11.8 import?Videojs?from'video.js/dist/video.min.js' import'video.js/dist/video-js.min.css' <!-- 在對應頁面使用 --> import?hsCourseChapter?from'./video/video-course-chapter.vue' ??? <hsCourseChapter? :see-data="seeData" :video-data="liveData" :comment-data="commentData" :chapter-data="chapterData" :chapter-id="chapterId" @clickChapter="clickChapter" ??????/> ? 參數 data() { return { seeData:{ pubId: 1, browse: 111, collect: 111, give: 111, isGive: false,//是否點贊 isCollect: true,//是否收藏 isShowShare: true, // 是否顯示分享 }, //當前視頻數據 videoData:{ id: 0, videoSrc:"https://wenhuabu-media.bj.bcebos.com/廣場舞教學視頻國家云logo/斑鳩調 教學版.mp4", poster:"https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/qlimg/aisibg.jpg", title:"人像質感磨皮技巧", time: "2021-03-21 8:00-10:00",//未開始顯示 source: "黑龍江省文化館來源", publicTime: "2021-03-21",//發布時間 isBrief:true,//是否顯示視頻下的標題 時間， preview:"",// 0預告? 1 直播?2?回看， chapterId:0,//章節ID }， // 章節數據 chapterData: [ { id: 1, chapter: '第一章 基礎入門', children: [ { id: 0, preview: 1, videoSrc: 'https://wenhuabu-media.bj.bcebos.com/廣場舞教學視頻國家云logo/斑鳩調 教學版.mp4', poster: 'https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/qlimg/aisibg.jpg', title: '人像質感磨皮技巧人像質感磨皮技巧人像質感磨皮技巧人像質感磨皮技巧', time: '2021-03-21 8:00-10:00', source: '黑龍江省文化館來源', publicTime: '2021-03-21', chapterId: 0,//章節ID isBrief: true, // 是否顯示視頻下的標題 時間， }, { id: 1, preview: 0, videoSrc: 'https://wenhuabu-media.bj.bcebos.com/廣場舞教學視頻國家云logo/斑鳩調 教學版.mp4', poster: 'https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/qlimg/aisibg.jpg', title: '標題', time: '2021-03-21 8:00-10:00', source: '黑龍江省文化館來源', publicTime: '2021-03-21', chapterId: 1, isBrief: true, // 是否顯示視頻下的標題 時間， } ] } ], // 評論數據 commentData: [ { id: 0, name: '張先生', time: '2021-02-08 13:25:36', evaluation: '節目很精彩，小朋友很喜歡，希望以后多多主辦類似的活動' }, ] } },?????????????????????????????????????????????? ``` ### 說明： 點贊/收藏/分享可選擇顯示 ### 參數： | 參數 | 作用 | 類型 | 默認 | 是否必傳 | 屬性 | | --- | --- | --- | --- | --- | --- | | seeData | 數據包 | Object | | 是 | | | videoData | 視頻數據 | Object | | 是 | | | commentData | 評論數據 | Array | | 是 | | | chapterData | 章節數據 | Array | | 是 | | | studyTime | 視頻進度 | Number | | 否 | |