直接使用flv.js会在app真机运行时报错,编译不过去,也试了还几种方案 这个实现了 使用web-view跳转html页面 html页面放在static文件夹下

<view class="contents">
		<web-view id="iframeVideo" :src="`/static/html/videoPlay.html?vehicleId=${vehicleId}&token=${token}`">
		</web-view>
	</view>

htnl页面 head中引入js文件

<script src="./vue.js"></script>
<script src="./axios.js"></script>
<script src="./video/flv.js"></script>
<script src="./video/DPlayer.min.js"></script>
<!-- uni 的 SDK -->
<script type="text/javascript" src="./webview.js"></script>

使用id容器

<div  id='mapPage'></div>

视频播放

this.dplayer = new DPlayer({
	container: document.getElementById('mapPage'),
	video: {
			url:this.url, //视频路径
			autoplay: true,
			// pic: 'images/banner1.png', //视频封面
		    // thumbnails: 'images/banner2.png', //视频缩略图
			type: 'flv' // 很重要
		},
	});

销毁视频

this.dplayer.destroy()

欢迎评论讨论

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐