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/ + 资源名

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM