tc-video-player
v1.0.28
Published
A Vue 3 video player component that can be used in React projects
Readme
基于腾讯云播放器tcplayer的视频播放器,用于乐享内视频播放和云迹页面内视频block
使用vue实现,将组件注册为 web components,这样在vue和react的web应用中都可以用
使用指南
1.使用命令npm install tc-video-player
2.import 'tc-video-player'
3.
/**
* @param selector: 需为播放器指定一个id
* @param options: tcplayerSDK的options, 转换为字符串传递(web components属性要字符串传递)
*/
<tc-video-player selector={selector} options={JSON.stringify(playOptions || '')} @init="onInit"></tc-video-player>// 事件回调
const emit = defineEmits<{
(e: 'init', player: Player): void // player: tcplayerInstance实例
(e: 'play'): void
(e: 'pause'): void
(e: 'ended'): void
(e: 'error', message: string): void
}>()
