用的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/ + 資源名
這樣上傳后的視頻就可以觀看了。
