1. 程式人生 > 其它 >uni-app使用video元件碰到的一系列問題記錄

uni-app使用video元件碰到的一系列問題記錄

第一,網速慢,獲取不了視訊,真機除錯播不了,但是瀏覽器是可以的


<view class="card" v-for="(item,index) in videolist" :key='index'">


success: (res) => {
	console.log(res,'res.data');
	var videolist = res.data.result
	this.videolist = []
	var VideoFile = ['./load1.mp4','./load2.mp4','./load3.mp4','./load4.mp4','./load5.mp4','./load6.mp4']
	videolist.forEach((item,index) =>{
		var obj = {}
		obj.size = item.size
		obj.duration = item.duration
		obj.videoUrl = require(`${VideoFile[index]}`),
		// obj.videoUrl = require('./load.mp4'),
		// obj.videoUrl = 'http://cim.qnlm.ac/screen/api/load?path=1465186501698215938.mp4',
		// 網速慢播不了就換成本地
		// obj.videoUrl = this.$http.api.watchload + '?path=' + item.videoUrl,
		obj.videoId = item.videoId,
		obj.videoName = item.videoName
		// this.$http.api.watchload + '?path=' + item
		this.videolist.push(obj)
	})
	console.log(this.videolist);
}

網速慢播不了就換成本地,結果本地也有問題,手機還是放不了
最後看文件https://uniapp.dcloud.io/component/video.html
App平臺:如果使用的視訊路徑為本地路徑,需要配置資源為釋放模式:在 manifest.json 檔案內 app-plus 節點下新增 runmode 配置,設定值為liberate。

"runmode":"liberate",


真機測試的時候本地視訊可以播放了