uniapp视频播放器

最新推荐文章于 2026-05-04 09:00:29 发布

原创

最新推荐文章于 2026-05-04 09:00:29 发布 · 2k 阅读

标签

#uni-app #音视频

收录于

微信小程序使用hic-video-player
app(android和ios)使用好用视频播放器注：用的是旧版本的这个组件

在这里插入图片描述

目前只有app中支持竖屏横批选集
android视频全屏是通过


	beforeDestroy() {
   
   
			// #ifdef APP-VUE
			// 页面关闭时关闭沉浸模式
			if (uni.getSystemInfoSync().platform == "ios") {
   
   
				plus.navigator.setFullscreen(false);
			}
			plus.screen.lockOrientation(this.options.generallyDirection);
			// #endif
		},
	// 部分代码
	launchFullscreenRender() {
   
   
			if (document.fullscreenElement || document.mozFullScreenElement || document.msFullscreenElement || document
					.webkitFullscreenElement  || this.container && this.container.style.position == 'fixed') {
   
   
					return
				}
		let dom = document.getElementById('yingbing-video' + this.videoPhoneNormalProp.dataId) || {
   
   }
		var rfs = dom.requestFullscreen || dom.mozRequestFullScreen || dom.msRequestFullscreen || dom
				.webkitRequestFullscreen
		// 通过获取视频video所在的标签 向浏览器申请该标签全屏展示
		// 然后通过plus.screen.lockOrientation来设置屏幕旋转方向
		if (typeof rfs != 'undefined' && rfs) {
   
   
			dom.addEventListener('fullscreenchange', this.fullscreenchanged