vue ali-oss 视频播放、下载封装组件

上面文章 https://blog.csdn.net/cxz792116/article/details/96906166 讲到了 ali-oss 视频上传组件的封装
单如果想播放或者利用浏览器下载，还需要进一步的调用ali-oss 的接口文档，下面就开始这方面的
介绍。

1、获取 oss-ali , client 对象参数

import OSS from "ali-oss"
	
// 说明，直接调用阿里云接口，有可能信息会暴露。建议请求自己后台加密后的接口

OSS.urllib.request(  后台接口, { method: 'GET' }, (err, response) => {
		let result = null
        if (err) return _this.$message.error('网络错误！')
        try {
          result = JSON.parse(response)
        } catch (e) {
          result = null
          return alter('网络错误！')
        }
       this.client = new OSS({
	      region: 'oss-cn-hangzhou',
	      accessKeyId: '<Your AccessKeyId>',
	      accessKeySecret: '<Your AccessKeySecret>',
	      bucket: 'Your bucket name',
	      secure: false
    })

2、编写页面

  <div id="download-cp">
    <ul class="list-box" v-if="downList.length > 0">
      <li class="video-item" v-for="(item,index) in fileList" :key="index">
        <p class="video-item__title">
          {
  {item.fileName}}
        </p>
        <p class="video-item__opera">
          <el-button size="mini" type="primary" @click="downVideo(item.url)">点击下载</el-button>
          <el-button v-if="isPlay" size="mini" type="info" @click="showVideo(ite