54 lines
1.8 KiB
HTML
54 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title></title>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
|
|
<style type="text/css">
|
|
* {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
}
|
|
|
|
body {
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
<script src="../../js/jquery.min.js"></script>
|
|
<!--<script src="../../plugin/EasyPlayer/js/EasyPlayer-element.min.js"></script>-->
|
|
<script src="../../plugin/EasyPlayer/js/EasyWasmPlayer.js"></script>
|
|
</head>
|
|
<body>
|
|
<div style="width:100%;height:55vw;background-color:pink;margin: auto;">
|
|
<div id="newplay"></div>
|
|
</div>
|
|
<script>
|
|
callbackfun=function(e) { //点击播放器里的按钮返回事件
|
|
console.log(e);
|
|
|
|
if(e=='pause') {//暂停事件
|
|
player.setSnap('images/logo_1.png');//显示封面图片
|
|
} else if(e=='play') {
|
|
player.endSnap();//清除封面图片
|
|
player.endLoading();//取消Loading显示
|
|
}
|
|
|
|
}
|
|
var player=new WasmPlayer(null,'newplay',callbackfun,{
|
|
Height: true,openAudio: true,BigPlay: false,HideKbs: true,
|
|
})
|
|
|
|
//Height:播放器尺寸是否继承父盒子的
|
|
//openAudio:是否打开音频
|
|
//HideKbs:是否隐藏实时码率
|
|
|
|
var video_url='http://open.ys7.com/v3/openlive/E79782550_1_1.m3u8';//视频流地址 萤石云地址最大支持10个m3u8并发 要不就需要开通企业每年300
|
|
|
|
$(document).ready(function() {
|
|
player.play(video_url,1);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |