vue实现视频播放

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

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

新增视频数据库保存地址为:/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/ + 资源名

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

猜你喜欢

转载自www.cnblogs.com/jiangweichao/p/10825485.html