# 組件名：hsOnlyVideo（視頻組件） ### 作者：屈磊 ### 效果：   ## 使用方式： ``` 需要插件支持 //?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?hsOnlyVideo?from'./video/hs-only-video.vue' <hsOnlyVideo :see-data="seeData" :video-data="liveData" ??????/> ##參數 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?回看， } } },?????????????????????????????????????????????? ``` ### 說明： 點贊/收藏/分享可選擇顯示 ### 參數： | 參數 | 作用 | 類型 | 默認 | 是否必傳 | 屬性 | | --- | --- | --- | --- | --- | --- | | seeData | 數據包 | Object | | 是 | | | videoData | 視頻數據 | Object | | 是 | |