html 媒体管理器播放暂停事件

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 媒体管理器播放暂停事件相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
	<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
	<script>
		$(document).bind("MMPLAYERREADY", subscribePlayPauseEvent);

		function subscribePlayPauseEvent() {
			$("#myPlayer").find(".ppplay").first().click(trackVideoPlay);
			$("#myPlayer").find(".pppause").first().click(trackVideoPause);
		}
		
		function trackVideoPlay(event) {
			var playerId = $(event.target).closest(".player").attr("id");
			console.log("The video starts playing; player id: " + playerId);
		}
		function trackVideoPause(event) {
			var playerId = $(event.target).closest(".player").attr("id");
			console.log("The video pauses; player id: " + playerId);
		} 
	</script>
	<style type="text/css">
		.player {
			background-color: #E0E0E0;
			width: 600px;
			height: 338px;
		}
	</style>
</head>
<body>
	<div id="myPlayer" class="player">
		<script type="text/javascript" language="javascript" src="http://sdl-training.dist.sdlmedia.com/vms/distribution/embed/?o=2981B015-A171-4C6A-BEC6-9C0BC80B9F4E"></script>
	</div>
</body>
</html>

以上是关于html 媒体管理器播放暂停事件的主要内容，如果未能解决你的问题，请参考以下文章

html 播放和暂停媒体管理器播放器

html 播放/暂停SDL媒体管理器视频

html 在SDL媒体管理器播放器上使用endstate事件。请参阅http://jsfiddle.net/Jhorsman/NtQrN/