video 视频全屏播放

Posted mary-123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了video 视频全屏播放相关的知识,希望对你有一定的参考价值。

      public videofull() {
		//全屏播放视频
		var _this = this;
		_this.video = document.getElementById(‘homeVideo‘); //视频
		_this.btnFullScreen = document.getElementById(‘btn_fullscreen‘); // 全屏点击按钮
		//实现全屏功能
		_this.btnFullScreen.addEventListener(‘click‘,function() {
				// if (_this.video.requestFullscreen) {
				// 	_this.video.requestFullscreen();
				// } else if (_this.video.mozRequestFullScreen) {
				// 	_this.video.mozRequestFullScreen();
				// } else if (_this.video.webkitRequestFullscreen) {
				// 	_this.video.webkitRequestFullscreen();
				// } else if (_this.video.msRequestFullscreen) {
				// 	_this.video.msRequestFullscreen();
				// }
				_this.isAutoplay = !_this.isAutoplay;
				// if(!_this.isAutoplay){
				// 	_this.video.play();
				// }
			},
			false
		);
	}

  

以上是关于video 视频全屏播放的主要内容,如果未能解决你的问题,请参考以下文章

video 视频全屏播放

video.js 视频截图录制自定义全屏,hlsflvmp4视频播放

全屏播放 Youtube iframe

ios video怎么禁止自动全屏

H5.video在微信中禁止全屏播放视频和直播流

html5开发,android中的微信内置浏览器如何让video标签的视频不全屏播放