<script type="text/javascript" src="https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="https://cdn.staticfile.net/clappr/0.4.7/clappr.min.js"></script> 
<div id="playerContainer" style="width:1024px;height:576px;"></div>
<input type="button" id="button_destroy" name="button_destroy" value="销毁播放器" />

<script type="text/javascript">
<!--
	var playurl = 'test/test.mp4';
	var myplayer = new Clappr.Player({
		source: playurl,
		poster: 'http://clappr.io/poster.png',
		width: '100%',
		height: '100%',
		parentId: "#playerContainer",
		autoPlay: true,
		mute: false,
		disableCanAutoPlay: true, //禁用检测浏览器是否可以自动播放视频
		persistConfig: true,
		// watermark: "https://v.zhibo1.cc/img/ff.png", 
		// position: 'bottom-center',
		//watermarkLink: "https://data.stnye.cc/data/event.php",
		//mediacontrol: {seekbar: '#000', buttons: '#FFF'}, //定义进度条和底部暂停等图标的颜色
	});
	
	$(document).on('click', '#button_destroy', function () {
		if (typeof(myplayer) != 'undefined') {
			myplayer.destroy();
		}
	});
//-->
</script>

Documentation

Visit https://clappr.github.io to view the full documentation.