vue实现视频播放

佚名 6年前 (2019-05-07) 随笔 957人围观抢沙发百度已收录

用的vue组件是vue-video-player，可以去百度下怎么引入到项目中：

因为这个组件是基于H5video实现的，视频格式有所限制，而且MP4不是H264的也不行。转码可以看下我上篇博客，地址

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

新增视频数据库保存地址为：/static/upload/video/ + 资源名；但是视频地址在:D:/TEST/UPLOAD/video/

项目的后台是用spring boot搭建的这里要在spring boot 运行程序添加一个配置

@Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        super.addResourceHandlers(registry);
        registry.addResourceHandler("/static/upload/**").addResourceLocations("file:" + appProperties.getUploadAndFormatPath());
    }

这样相当于访问 /static/upload/video/ + 资源名等于 D:/TEST/UPLOAD/video/ + 资源名

这样上传后的视频就可以观看了。