maccms
oplayer.html
<!--
1. 上传至苹果CMS的目录“/static/player/”, 文件名oplayer.html
2.登录苹果CMS后台:“视频→播放器→添加”
3.基本设置好了以后,点击“播放器代码”,并粘贴:
MacPlayer.Html = '<iframe border="0" src="'+maccms.path+'/static/player/oplayer.html" width="100%" height="100%" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no" vspale="0" noResize></iframe>';
MacPlayer.Show();
-->
<!DOCTYPE html>
<html>
<head>
<title>OPlayer</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Access-Control-Allow-Origin" content="*" />
<meta name="referrer" content="never" />
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
<style>
html,
body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
</style>
<script src="https://cdn.jsdelivr.net/npm/@oplayer/full@latest/dist/index.min.js"></script>
</head>
<body marginwidth="0" marginheight="0">
<div id="oplayer"></div>
<script type="text/javascript">
var player = OPlayer.make('#oplayer', {
source: {
// title: '',
// poster: ''
src: parent.MacPlayer.PlayUrl
},
autoplay: true
})
.use([
OUI({
theme: {
primaryColor: '#6668ab',
controller: {
slideToSeek: 'always'
}
},
keyboard: { global: true },
screenshot: true,
pictureInPicture: true
}),
OHls({
forceHLS: true,
library: 'https://cdn.jsdelivr.net/npm/hls.js@0.14.17/dist/hls.min.js'
}),
ODash({ library: 'https://cdn.dashjs.org/v4.7.4/dash.all.min.js' }),
OMpegts({ library: 'https://cdn.jsdelivr.net/npm/mpegts.js@latest/dist/mpegts.min.js' }),
OTorrent({ library: 'https://cdn.jsdelivr.net/npm/webtorrent@0.98.18/webtorrent.min.js' })
])
.create()
if (parent.MacPlayer.PlayLinkNext != '') {
player.on('ended', function () {
top.location.href = parent.MacPlayer.PlayLinkNext
})
}
</script>
</body>
</html>