苹果CMS 自动下一集功能和记忆播放的播放器

hao070310

已于 2024-09-06 12:31:09 修改

阅读量392

点赞数 7

文章标签： html

于 2024-09-06 12:23:40 首次发布

本文链接：https://blog.csdn.net/hao070310/article/details/141956551

版权

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
  <head>
    <title>影视DP播放器1.0</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-language" content="zh-CN">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="pragma" content="no-cache">
    <meta name="referrer" content="no-referrer" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
   	<link rel="stylesheet" href="/static/player/dplayer/DPlayer.min.css">
	<script type="text/javascript" src="/static/player/dplayer/flv.min.js"></script>
	<script type="text/javascript" src="/static/player/dplayer/hls.min.js"></script>
	<script type="text/javascript" src="/static/player/dplayer/dash.all.min.js"></script>
	<script type="text/javascript" src="/static/player/dplayer/webtorrent.min.js"></script>
	<script type="text/javascript" src="/static/player/dplayer/DPlayer.min.js"></script>
</head>
    <style type="text/css">html,body{height:100%;margin:0;padding:0;overflow:hidden;text-align:center;background:#181818} *{margin:0;border:0;padding:0;text-decoration:none} #video{height:100%} .dplayer-logo{max-width:150px;max-height:50px;left:auto;right:5%;top:5%}</style>
  </head><body>
<div id="video"></div>
<script type="text/javascript">
var urls = parent.MacPlayer.PlayUrl;
var jump = parent.MacPlayer.PlayLinkNext;
var dp = new DPlayer({
    container: document.getElementById('video'),
    theme: '#4C8FE8', 
    volume: 0.8,autoplay: true,    video: {
	    url: urls,type: 'auto',
		defaultQuality: 0,
		logo: 'logo.png',
	}
	});
dp.on("fullscreen",function() {
    dp.notice("全屏已开启");
});
dp.on("fullscreen_cancel",function() {
    dp.notice("全屏已关闭");
});
</script>
<script type="text/javascript">
        var cookie = {
          'set': function(name, value, days) {
            var exp = new Date();
            exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);
            var arr = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)(;|$)'));
            document.cookie = name + '=' + escape(value) + ';path=/;expires=' + exp.toUTCString();
          },
          'get': function(name) {
            var arr = document.cookie.match(new RegExp('(^| )' + name + '=([^;]*)(;|$)'));
            if (arr != null) return unescape(arr[2]);
          },
          'put': function(urls) {
            var cookie = urls.replace(/[^a-z]+/ig, '');
            var cookie = cookie.substring(cookie.length - 32);
            return cookie;
          }
        }
        dp.on('loadeddata',function() {
          cookie.get(urls) ? dp.seek(cookie.get(urls)) : dp.notice("视频开始播放");
          dp.on('timeupdate',function() {
            if (cookie) cookie.set(urls, dp.video.currentTime, 30);
          });
        });
        dp.on('ended',function() {
          dp.notice("即将播放下一集");
          if (jump != '') {
            top.location.href = jump;
          }        });
</script>  </body>
</html>

基于DP 播放器制作，DP需要的组件苹果CMS 都自带了

上面代码保存为DPplayer.html，放入maccms的/static/player/

调用代码

MacPlayer.Html = '<iframe border="0" src="'+maccms.path+'/static/player/DPplayer.html" width="100%" height="100%" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no" vspale="0" noResize></iframe>';
MacPlayer.Show();