织梦dedecms整合添加ckplayer播放器支持flv,mp4等播放功能

添加CKPlayer播放器，为DedeCMS网站提供支持FLV、MP4等格式的视频播放功能是一项非常实用的工作，下面是整合添加CKPlayer播放器支持FLV、MP4等播放功能的完整攻略：

1、下载所需文件

鄙人提供一个CKplayer.aspx文件下载，这里我们使用的是ASP.NET的版本。

2、上传文件到网站项目根目录

将下载好的CKplayer.aspx文件上传到DedeCMS网站根目录下，即它所在的文件路径应该是：/ckplayer/CKplayer.aspx。

3、编辑内容页模板

首先，我们需要找到模板文件中包含视频播放器的位置，通常是写在{dede:arcinfo}标签中。在{dede:arclist channel=“1”}下的任意内容标签位置的HTML模板中添加以下代码片段：

<!-- 放置视频播放器的位置 -->
<div id='ckplayer'></div>
<script type='text/javascript' src='/ckplayer/ckplayer.js' charset='utf-8'></script>
<script type='text/javascript'>
  var f_id = 'ckplayer';  // 播放器所放置位置的id
  var f_swf = '/ckplayer/ckplayer.swf';  // 播放器路径，应该跟CKplayer.aspx在同一目录下
  var f_flv = 'test.flv';  // 默认flv视频地址
  var f_html5 = true;  // 是否支持html5播放
</script>

这里需要注意的是，我们需要根据实际文件目录和文件名将f_swf和f_flv的路径替换为实际的视频文件路径。

4、测试视频播放器效果

添加完毕后，我们可以打开网站，在新建一篇文章并上传视频进行测试。在保存好文章后，刷新页面，检查视频是否能够正常加载、播放。

示例

假设我们有一个名为test.flv的FLV格式视频文件，存放在/video/test.flv路径下。我们将使用CKPlayer作为视频播放器。添加CKPlayer支持FLV格式文件播放如下：

<!-- 放置视频播放器的位置 -->
<div id='ckplayer'></div>
<script type='text/javascript' src='/ckplayer/ckplayer.js' charset='utf-8'></script>
<script type='text/javascript'>
  var f_id = 'ckplayer';  // 播放器所放置位置的id
  var f_swf = '/ckplayer/ckplayer.swf';  // 播放器路径，应该跟CKPlayer.aspx在同一目录下
  var f_flv = '/video/test.flv';  // flv格式视频地址
  var f_html5 = true;  // 是否支持html5播放
</script>

然后，保存修改后的HTML文件，打开网站并点击视频进行测试。如果一切都正常，该视频应该可以正常加载并播放。

示例2

我们可以将上面示例中的FLV格式视频替换为MP4，步骤与上面示例大致相同。以支持MP4格式文件播放（假设我们有一个名为test.mp4的MP4格式视频文件，存放在/video/test.mp4路径下）为例，来看一下如何操作：

<!-- 放置视频播放器的位置 -->
<div id='ckplayer'></div>
<script type='text/javascript' src='/ckplayer/ckplayer.js' charset='utf-8'></script>
<script type='text/javascript'>
  var f_id = 'ckplayer';  // 播放器所放置位置的id
  var f_swf = '/ckplayer/ckplayer.swf';  // 播放器路径，应该跟CKPlayer.aspx在同一目录下
  var f_mp4 = '/video/test.mp4';  // mp4格式视频地址
  var f_html5 = true;  // 是否支持html5播放
</script>

保存修改后的HTML文件，然后打开网站并点击视频进行测试。如果一切都正常，该视频应该可以正常加载并播放。