? jQuery基于jsmodern.js網頁mp4視頻播放器插件 - 素材火
頭像

jQuery基于jsmodern.js網頁mp4視頻播放器插件

來源:https://www./js/4277.html 18***38 2019-03-31 11:00瀏覽(208) 收藏

一款簡單實用的jQuery基于jsmodern.js網頁mp4視頻播放器插件,帶進度條、音量、全屏、暫停/播放等功能。
jQuery基于jsmodern.js網頁mp4視頻播放器插件
分類:其它特效 > 視頻播放 難易:初級

程序員,你不是一個人;網站開發QQ群:35248186,在線充值,或聯系QQ2589223951直接充值

查看演示 下載資源: 9 下載資源 下載積分: 30 積分

js代碼

<script src=/js/"js/jsmodern.min.js"></script>/index.html
<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 2589223951

1 2