视频播放器

mouse-menu mouse-menu

说明

因为获取到的文档服务器的文件 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,否则无法解析