ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 组件名:hsOnlyVideo(视频组件) ### 作者:屈磊 ### 效果: ![](https://img.kancloud.cn/5a/fc/5afc40c6f98a988781ec0c1e2628905c_1052x706.png) ![](https://img.kancloud.cn/fa/9d/fa9d0084e171dc650df34344b890c879_1084x789.png) ## 使用方式: ``` 需要插件支持 // 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 | | 是 | |