vue中使用阿里云视频点播播放器

目录

使用阿里云视频点播播放器

参考文档：

组件代码：

使用阿里云视频点播播放器

        使用阿里云视频点播播放器时遇到一些问题，比如获取不到播放器实例，建议将播放器封装为组件，其中只有阿里云播放器一个实例，视频videoId从父组件获取传给播放器组件，再使用后端接口获取视频播放凭证playAuth，如果想使用source播放，直接在创建实例的时候添加source属性。本文只贴了组件代码，请根据自己需求编写父组件代码样式文件等。

参考文档：

阿里云视频点播播放器接口文档以及播放器demo

接口说明 (aliyun.com)https://help.aliyun.com/zh/vod/developer-reference/api-operations?spm=a2c4g.11186623.0.0.22231db3I2PRfk

组件代码：

本组件只使用到了部分文档中的方法比如：销毁播放器 dispose()、获取当前的播放时刻getCurrentTime()、获取视频总时长 getDuration()，如果要使用播放器的其他方法，请参考官方文档 ↑ 
*点击切换章节或者想要切换视频的时候，监听父组件传值变化，从而重新创建阿里云实例实现播放不同视频

完成图
 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！