用的vue組件是vue-video-player,能夠去百度下怎麼引入到項目中:html
由於這個組件是基於H5video實現的,視頻格式有所限制,並且MP4不是H264的也不行。轉碼能夠看下我上篇博客,地址vue
新增視頻數據庫保存地址爲:/static/upload/video/ + 資源名; 可是視頻地址在:D:/TEST/UPLOAD/video/spring
項目的後臺是用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/ + 資源名app
這樣上傳後的視頻就能夠觀看了。ide