首页 > 其他分享 >苹果CMS 自动下一集功能和记忆播放的播放器

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

时间:2024-09-06 12:21:14浏览次数:6  
标签:播放器 function 一集 name cookie urls var CMS dp

<!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 都自带了

标签:播放器,function,一集,name,cookie,urls,var,CMS,dp
From: https://blog.csdn.net/hao070310/article/details/141956551

相关文章

  • Android平台RTSP|RTMP播放器之视音频效果设置
    RTSP|RTMP播放器模块是大牛直播SDK的SmartMediaKit下非常优异的子产品,功能丰富、性能优异,毫秒级超低延迟,支持Windows、Linux(x86_64|aarch64架构)、Android、iOS平台。先看demo主界面,可以通过界面,做基础的设置,比如旋转、镜像等操作。下面就视音频效果,做个大概的介绍。视频填充效果:......
  • 企业官网CMS(API翻译版)V1.0.4
    多语言企业官网CMS管理系统(API翻译版),支持自动生成模板、自定义标签、多语言翻译、自定义表单等功能。提供全部无加密源码,支持私有化部署。V1.0.4版本更新修复在内容管理中,数据库表无deletetime:软删除字段,但显示回收站按钮bug企业官网CMS(API翻译版)......
  • Android平台RTSP|RTMP播放器(SmartPlayer)集成必读
    技术背景好多开发者拿到大牛直播SDK的Android平台RTSP、RTMP播放模块,基本上不看说明,测试后,就直接集成到自己系统了。不得不说,我们的模块虽然接口很多,功能支持全面,但是上层的demo设计逻辑确实简单,稍微有些Android开发基础的,都可以轻松处理。从高效率的角度,磨刀不误砍柴工,在模块集成......
  • 基于微信小程序+JavaSSM+MySQL的音乐播放器设计与实现 毕业论文+前后端项目源码及数据
    !!!有需要的小伙伴可以通过文章末尾名片咨询我哦!!! ......
  • 易优CMS使用过程遇到问题汇总
    列表页模板不显示数据确认模型是否关联正确。检查模板标签是否书写正确。单页模板无法显示内容确认单页是否已发布。检查单页模板路径是否正确。图片无法上传或显示检查服务器是否开启了文件上传权限。确认上传目录是否有写入权限。文章详情页链接错误重......
  • 代替STM32L010 STM32G030 CMS8S6990 STM8S003的芯片CW32L010
    CW32L010作为一款可以代替STM32L010STM32G030CMS8S6990STM8S003部分型号可以兼容的芯片,其功能上能够和它们相匹配,并且在功能更优秀,其芯片特点在于超低功耗,高精度ADC和主频最高可达到48MHz。CW32L010是基于eFlash的单芯片低功耗微控制器,集成了主频高达48MHz的ARM®Cort......
  • pbootcms模板如何调用当前站点网址和当前页面网址
    在PbootCMS中,可以使用特定的标签来获取当前站点的网址和当前页面的URL。这对于需要使用网站路径前缀或者获取当前页面地址的场景非常有用。1.当前站点网址标签: {pboot:httpurl}功能:自适应获取当前访问的网址。2.当前页面标签: {pboot:pageurl}功能:获取当前访......
  • pbootcms模板内页如何调用相关文章
    在PbootCMS中,可以使用 {pboot:list} 标签来调用相关文章。相关文章通常是根据分类或其他条件筛选出来的文章。下面是一个详细的示例,展示如何在模板内页调用相关文章。示例代码假设你想在一个文章详情页中调用与当前文章相同分类下的其他文章,可以使用以下代码:html {pb......
  • pbootcms文章或者产品设置范围随机增加访客阅读量
    要在PbootCMS中修改文章的默认访问量,使其在添加文章时设置一个随机访问数,可以按照以下步骤操作:找到并修改 ContentController.php 文件。添加随机访问数代码。更新访问量字段。修改步骤1.找到并修改 ContentController.php 文件打开文件 apps/admin/controller/co......
  • pbootcms去除ueditor编辑器图片自动添加的title和alt属性
    为了去掉UEditor上传图片时自动添加的 title 和 alt 属性,并且将 alt 属性设置为空,可以按照以下步骤进行修改:步骤1:修改 ueditor.all.min.js 文件打开文件:打开文件 \core\extend\ueditor\ueditor.all.min.js。搜索并修改代码:搜索 "imageUrlPrefix",找到以......