jQuery基于jsmodern.js网页mp4视频播放器插件

来源:https://www.sucaihuo.com/js/4277.html 2019-03-31 11:00浏览(941) 收藏

一款简单实用的jQuery基于jsmodern.js网页mp4视频播放器插件,带进度条、音量、全屏、暂停/播放等功能。
jQuery基于jsmodern.js网页mp4视频播放器插件
分类:其它特效 > 视频播放 难易:初级
查看演示 下载资源: 31 下载资源 下载积分: 30 积分

js代码

<script src="js/jsmodern.min.js"></script>
<script>
$(function () {
	//视频
	jsModern.video("#video");
	//播放视频
	$(".VideoBtn").click(function () {
		var video = document.getElementById("videoShow");
		video.play();
		$('.VideoBtn').hide();
	})
	//监听视频的播放状态
	var video = document.getElementById("videoShow");
	video.oncanplay = function () {
		$(".VideoBtn").show();
		//$("#video").attr("poster","");
	}
	//视频播放事件
	video.onplay = function () {
		$("#videoShow").attr("poster", "");
		$(".VideoBtn").hide();
	};
	video.onplaying = function () {
		$(".VideoBtn").hide();
	};

	//视频暂停事件
	video.onpause = function () {
		$(".VideoBtn").show();
	};
	//点击视频周围暂停播放图片出现
	video.onclick = function () {
		if (video.paused) {
			$(".VideoBtn").hide();
			video.play();
		} else {
			$(".VideoBtn").show();
			video.pause();
		}
	};
})
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

1 2