Vue 2.0 阿里云播放器组件 vue-aliplayer

红太狼 2022-05-18 04:12 241阅读 0赞

vue-aliplayer 详细介绍

![171928_j50V_659395.png][]

**该软件为 vue2.0 的阿里云播放器组件**

安装

npm install vue-aliplayer -S
    yarn add vue-aliplayer -S

使用

import VueAliplayer from 'vue-aliplayer'
    
    export default {
      components: {
        'ali-player': VueAliplayer
      }
    }

**示例**

<ali-player :source="视频url" :vid="视频vid" :playauth="播放鉴权" ref="player"></ali-player>
        <button @click="play">播放</button>
        <button @click="pause">暂停</button>
        <button @click="replay">重播</button>
    
    export default {
        methods: {
          play: function(){
            const player = this.$refs.player.instance
            player && player.play()
          },
          pause: function() {
            const player = this.$refs.player.instance
            player && player.pause()
          },
          replay: function() {
            const player = this.$refs.player.instance
            player && player.replay()
          }
        }

[171928_j50V_659395.png]: https://static.oschina.net/uploads/space/2017/1025/171928_j50V_659395.png

发表评论取消回复

表情：

评论列表（有 0 条评论，241人围观）

还没有评论，来说两句吧...

相关阅读

相关 vedio播放器阿里播放器Aliplayer说明

1、html 播放器Video使用说明 [https://www.runoob.com/tags/tag-video.html][https_www.runoob.co

忘是亡心i/ 2022年12月04日 07:42/ 0 赞/ 273 阅读

相关阿里云Aliplayer视频播放（web播放器）

1.官方文档[https://help.aliyun.com/document\_detail/125548.html?spm=a2c4g.11186623.6.1089.3f

女爷i/ 2022年12月01日 01:29/ 0 赞/ 262 阅读

相关 vue集成阿里云Aliplayer直播点播组件

官方文档属性和方法官方文档都有用法，需要可自行查阅 [官方文档链接][Link 1] 组件代码 Aliplayer.vue <template>

青旅半醒/ 2022年10月12日 12:56/ 0 赞/ 408 阅读

相关阿里云播放器prismplayer抓包的一些理解

Prismplayer是一套在线视频播放技术方案，同时支持Flash和Html5两种播放技术，可对播放器进行功能配置和皮肤定制。其在线使用文档地址为: [入口][Link

曾经终败给现在/ 2022年09月10日 06:29/ 0 赞/ 145 阅读

相关 Vue 2.0 阿里云播放器组件 vue-aliplayer

vue-aliplayer 详细介绍 ![171928_j50V_659395.png][] 该软件为 vue2.0 的阿里云播放器组件安装 npm inst

红太狼/ 2022年05月18日 04:12/ 0 赞/ 242 阅读

相关 Vue 2.0 阿里云播放器组件 vue-aliplayer

vue-aliplayer 详细介绍 ![171928_j50V_659395.png][] 该软件为 vue2.0 的阿里云播放器组件安装 npm inst

心已赠人/ 2022年05月18日 04:12/ 0 赞/ 398 阅读

相关阿里云移动端播放器高级功能介绍

前言阿里云播放器SDK包括一些最基本常用的功能，如倍数播放、cache内seek、循环播放等之外，还包括一些更加高级的一些功能。这些功能可以满足不同用户在不同场景下的使

怼烎@/ 2022年02月13日 00:39/ 0 赞/ 197 阅读

相关【Spring Boot 20】Spring Boot + Vue 整合阿里云视频点播

一、阿里云视频点播简介阿里云视频点播（VOD）是集音视频上传、自动化转码处理、媒体资源管理、分发加速于一体的全链路音视频点播服务。借助灵活、可伸缩的存储、处理及内容分发

我会带着你远行/ 2021年08月31日 15:38/ 0 赞/ 545 阅读

相关阿里云视频播放器

一视频播放器参考文档：[https://help.aliyun.com/document\_detail/125570.html?spm=a2c4g.11186623

刺骨的言语ヽ痛彻心扉/ 2021年07月24日 23:37/ 0 赞/ 566 阅读

相关网站端阿里云视频播放器整合

一后端获取播放凭证 1 web层 @Api(description = "阿里云视频点播") @CrossOrigin // 跨域 @Re

我就是我/ 2021年07月24日 11:57/ 0 赞/ 429 阅读