多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 组件名:视频播放组件 ### 作者:毛涛 ### 效果: ![](https://img.kancloud.cn/73/21/73218c4b3b62512969cb9a7acdfbb0ff_593x288.png) ### 使用方式: ``` <videoPlayItem  :hs-video-see-data="hsVideoSeeData"  :video-datails="videoDatails" :play-list="playList" @listPlay="listPlay" /> ### 引用文件: import videoPlayItem from './media/video-play-item.vue' ### 数据格式: data() { return { hsVideoSeeData: { give:21, isGive:0, isLike:0, like:1, openPraise:0, see:200, share:'', time:'2021-04-20' }, videoDatails: { id:595, poster:'https://osshanyadev.oss-cn-hangzhou.aliyuncs.com/poster/9999999\_1618821818356.png', src:'http://culturetv.hanyastar.com.cn/standard/nationalculturecloud/res/live/20180626tianjintongmengyinyuehui.mp4', title:'视频四' }, // 视频信息 playList: [{ id:595, title:'视频四', time:'30s', poster:'https://osshanyadev.oss-cn-hangzhou.aliyuncs.com/poster/9999999\_1618821818356.png', src:'http://culturetv.hanyastar.com.cn/standard/nationalculturecloud/res/live/20180626tianjintongmengyinyuehui.mp4'       }]     }   } ``` ### 参数: | 参数 | 作用 | 类型 | 默认 | 是否必传 | 属性 | | --- | --- | --- | --- | --- | --- | |   hsVideoSeeData|  视频数据信息|  object|  |  是 |   | | videoDatails|  视频信息 |  Object |  |  是 |   | | playList|  视频列表信息 |  Array|  |   |   | | isType|  是否显示直播回看 |  boolean|  |   |   | ### 事件 | 事件 |说明 | | --- | --- | | listPlay| 视频列表点击事件 |