说明
因为获取到的文档服务器的文件 fileUrl+/img+文件名 拼接出来的地址在线预览时不能拖动进度条,而 fileUrl+/doc+文件名 拼接出来的链接是下载链接,无法直接播放,会报错。所以采用了一种方式,先将 fileUrl+/doc+文件名 出来的链接通过axiso发送请求下载并保存为blob格式的二进制流文件,再去赋值src,以此来实现视频的播放
# 使用
<template>
<videoPlay
ref="videoPlay"
v-if="DialogVisible"
:url="url"
></videoPlay>
</template>
<script>
import videoPlay from '@/components/videoPlay'
export default {
components: {
videoPlay
},
data() {
return {
url: 'https://tech.suitbim.com/stec-platform-doc/doc/wKhjGmGkb4yEKVvwAAAAAP47Tcw097.mp4'
}
}
}
</script>
# 参数说明
属性 | 描述 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
docId | 视频文件的docId | number | — | null |
url | 视频文件的url地址 | string | — | null |
prefix | 视频文件存储在indexedDB中的name | string | — | video |
格式说明
视频格式必须为MP4,否则无法解析