编织梦的dedecms集成增加了ckplayer播放器,以支持flv,mp4和其他播放功能

电脑杂谈  发布时间:2020-04-21 05:26:27  来源:网络整理

手机视频格式转换器完美使用教程_手机ckplayer使用教程_ckplayer苹果cms教程

播放器代码为:

<div id="a1"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
  var flashvars={
    f:'http://www.bnxb.com/upload/180105/12389514.mp4',
    c:0,
    b:1,
    i:'http://www.ckplayer.com/static/images/cqdw.jpg'
    };
  var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
  CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);
  /*
  CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略);
  下面三行是调用html5播放器用到的
  */
  var video=['http://www.bnxb.com/upload/180105/12389514.mp4'];
  var support=['iPad','iPhone','ios','android+false','msie10+false'];
  CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support);
 
 
  function closelights(){//关灯
    alert(' 本演示不支持开关灯');
  }
  function openlights(){//开灯
    alert(' 本演示不支持开关灯');
  }
  </script>

此代码是ckplayer提供的演示示例中的代码. 您可以根据ckplayer player提供的官方示例生成不同的播放器样式. 如果要制作更个性化的播放器,请转至官方网站配置播放器,这里不再一一解释,配置非常简单.

此处要更改的文件是js文件和播放器文件的路径,即ckplayer.js和ckplayer.swf的路径是根目录.

写下我们在上面添加的字段,即分别调用Dreamweaving标签调用:

  f:'{dede:field.vurl/}',
  var video=['{dede:field.vurl/}'];

更改后的代码为:

ckplayer苹果cms教程_手机视频格式转换器完美使用教程_手机ckplayer使用教程

<div id="a1"></div>
<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
  var flashvars={
    f:'{dede:field.vurl/}',
    c:0,
    b:1,
    i:'http://www.ckplayer.com/static/images/cqdw.jpg'
    };
  var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
  CKobject.embedSWF('/ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);
  /*
  CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略);
  下面三行是调用html5播放器用到的
  */
  var video=['{dede:field.vurl/}'];
  var support=['iPad','iPhone','ios','android+false','msie10+false'];
  CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support);
 
 
  function closelights(){//关灯
    alert(' 本演示不支持开关灯');
  }
  function openlights(){//开灯
    alert(' 本演示不支持开关灯');
  }
  </script>

上面标记的红色是修改后的内容. 您可以对其进行比较以查看修改后的代码. 如果也将ckplayer放在根目录中,并且添加的字段也是vurl,则可以直接使用上面更改的代码.

第四步: 将以上代码添加到模型文件中. 我将以上代码添加到article_article.htm. 在要使用视频播放的哪一列中,在相应的代码列中添加相应的内容页面模板.

第5步: 上传视频或添加mp4url地址进行测试

1)添加mp4视频:

视频文件为: ;视频/ mp4

如下所示:

ckplayer苹果cms教程_手机视频格式转换器完美使用教程_手机ckplayer使用教程

效果如下:

已成功添加. 这是一个外部链接. 但是,我们通常会上传mp4视频文件.

2)上传mp4视频:

在上载之前,您需要在“织梦”>“系统”>“基本参数”>“附件设置”>“允许的多媒体文件类型”的背景下,对“织梦”进行以下更改. mp4放在后面,如下图所示:

ckplayer苹果cms教程_手机ckplayer使用教程_手机视频格式转换器完美使用教程

通过这种方式,我们上传mp4文件,但是在上传文件后,我们找不到该文件,如下图所示:

正常情况是,我们上载文件应该在此列表中,然后,单击选择后,我们可以在视频文件框中添加上载的文件,但是现在找不到了,更不用说添加了视频进入文本框.

此问题的原因是,智盟在处理上传的文件时没有mp4格式. 因此,当程序显示今天上传的文件时,它自然会忽略mp4格式的文件. 它不会被看到.

解决方案:

找到文件include /对话框/ select_media.php

输入代码: else if(preg_match(“#. (swf | fly | fla | flv)#i”,$ file)

ckplayer苹果cms教程_手机ckplayer使用教程_手机视频格式转换器完美使用教程

更改为

else if(preg_match("#.(swf|fly|fla|flv|mp4)#i", $file))

也就是说,| mp4已添加到上述代码中

让我们看一下添加后的效果,如下图所示:

这是我上传的视频文件. 单击此文件,然后将其添加到视频文本框中.

如果您不玩游戏或有问题,可能是以下情况:

1. 您的服务器需要配置为mime类型,因此请不要要求空间提供商对其进行处理.

2. 如果路径有问题,则无法播放,因此,如果您的ckplayer文件夹位于网站的根目录中,则最好直接使用上述代码手机ckplayer使用教程,并且已经过测试.

以上是本文的全部内容手机ckplayer使用教程,希望对大家的学习有所帮助,并希望您支持脚本编写室.


本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/bofangqi/article-183232-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      • 杜东
        杜东

        一天内所有软件闪退了两次

      • 吕诸儿
        吕诸儿

        污陷别人是要追究责任的

      热点图片
      拼命载入中...