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

Posted 2021-05-11

tags:

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

<!DOCTYPE html>
<!--
  Using
  - HTML5 video player
  - play event
  - pause event

  Try this script on http://jsfiddle.net/3MjZu/1/
-->
<html>
<head>
	<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
	<script>
		$(document).ready(function() {
			$("#play").bind("click", function() {
				$("#myPlayer").find(">:last-child").trigger("play")
				console.log("play button click");
			})
			$("#pause").bind("click", function() {
				$("#myPlayer").find(">:last-child").trigger("pause")
				console.log("pause button click");
			})
		});

	</script>
	<style type="text/css">
		.player {
			background-color: #C0C0C0;
			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>

	<button id="play">Play</button>
	<button id="pause">Pause</button>
</body>
</html>

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

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

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

iOS - 更新多任务栏中的媒体播放/暂停状态

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