织梦本地视频播放插件

99ANYc3cd6
预计阅读时长 18 分钟
位置: 首页 织梦建站 正文

织梦本身不带视频播放器,但通过插件或手动修改代码,可以非常方便地实现,核心思路是:前端使用HTML5的 <video> 标签,后端织梦负责管理视频文件并提供播放链接。

织梦本地视频播放插件
(图片来源网络,侵删)

我将为您提供两种主流且推荐的方法:

  1. 使用现成的织梦视频插件(最简单,推荐新手)
  2. 手动修改织梦,集成HTML5播放器(最灵活,推荐有一定基础的用户)

使用现成的织梦视频插件(最简单)

这是最快、最省心的方法,有很多优秀的第三方插件可以一键集成,它们通常自带播放器皮肤、支持多种格式,并提供了便捷的后台管理功能。

推荐插件类型:

  • DedeCMS专用视频播放器插件:在织梦官方论坛、Dede模板网、CodeCanyon等平台搜索关键词可以找到。
  • 基于成熟播放器(如DPlayer、JW Player)的织梦封装插件:这类插件通常性能好、功能强大。

操作步骤(以通用插件为例):

  1. 下载插件

    • 从可靠的来源下载一个织梦视频播放器插件,请确保下载的插件版本与您的织梦版本(如DedeCMS V5.7/V5.8/V5.9/V6.0)兼容。
    • 注意:务必从信誉好的网站下载,避免携带后门病毒。
  2. 上传插件文件

    织梦本地视频播放插件
    (图片来源网络,侵删)
    • 解压下载的插件包。
    • 通过FTP工具,将插件包内的文件上传到您的织梦网站根目录下的对应文件夹。
      • 通常包含 /include//templets//static/ 等文件夹,请根据提示上传到相应位置。
      • 有些插件会提供一个独立的安装文件,如 install.php
  3. 安装插件

    • 登录您的织梦后台。
    • 如果插件有 install.php 文件,直接在浏览器中访问 http://您的域名/install.php,根据提示进行安装。
    • 如果没有独立的安装文件,通常需要手动在后台进行注册,进入“系统” -> “系统基本参数” -> “模块设置”,有时会看到相关选项,或者按照插件的说明文档进行操作。
  4. 使用插件

    • 发布文章时:在写文章或编辑文章的页面,您会发现编辑器工具栏上多了一个“插入视频”或类似的图标。
    • 点击该图标,会弹出一个窗口,让您选择或输入视频的地址。
    • 关键步骤:您需要选择“上传本地视频”或“使用本地视频”选项(插件名称可能不同,但功能类似)。
    • 上传您的视频文件,插件通常会将视频文件存放在一个指定的目录,/uploads/video/
    • 插件会自动生成一段包含播放器代码的HTML标签,您只需点击确定,这段代码就会被插入到文章内容中。
  5. 前台播放

    保存文章并生成页面,然后在前台访问该文章,您就可以看到嵌入的视频播放器了。

优点

  • 操作简单,一键安装,开箱即用。
  • 通常自带美观的播放器皮肤和基础功能(如播放/暂停、进度条、音量控制)。
  • 对新手非常友好。

缺点

  • 功能可能受限,不如自定义的灵活。
  • 插件可能存在兼容性问题或安全风险(需选择可靠的来源)。

手动修改织梦,集成HTML5播放器(最灵活)

这种方法不依赖第三方插件,直接利用现代浏览器支持的HTML5 <video> 标签,完全由您自己控制,优点是轻量、免费、功能强大且灵活。

核心思路:

  1. 在织梦后台允许上传视频文件。
  2. 页模板中,使用 {dede:field.body/} 调用文章内容。
  3. 编写一个简单的PHP函数,自动检测文章内容中的视频文件(通过文件后缀名),并将其替换为HTML5的 <video> 播放器代码。

详细操作步骤:

第1步:设置织梦后台,允许上传视频文件

  1. 登录织梦后台。
  2. 进入“系统” -> “系统基本参数” -> “上传设置”。
  3. 找到“附件类型”和“媒体类型”的设置项。
  4. 在“媒体类型”中,确保添加了常见的视频格式,如 mp4, flv, webm, ogg
    • 媒体类型 的值修改为:image,audio,video,flash,media
    • 媒体允许扩展名 的值修改为:mp3,wma,wav,mid,rm,rmvb,mp4,flv,webm,ogg
  5. 保存设置。

第2步:创建一个用于视频播放的自定义函数

  1. 在织梦网站根目录下的 /include/ 文件夹中,创建一个新的PHP文件,命名为 video.func.php

  2. video.func.php 文件中,粘贴以下代码:

    <?php
    /**
     * 织梦DedeCMS文章内容中的本地视频自动替换为HTML5播放器
     * @param string $body 文章内容
     * @return string 替换后的内容
     */
    function ReplaceVideo($body)
    {
        // 定义支持的视频格式
        $video_formats = array('mp4', 'webm', 'ogg', 'flv');
        // 匹配织梦默认的文章内容中的图片/附件标签,{dede:img text=''}{/dede:img} 或 {dede:field name='litpic'/}
        // 这里我们简化处理,直接查找视频文件链接,您可以根据实际情况调整正则表达式。
        // 这个正则会查找类似 /uploads/video/xxx.mp4 这样的链接
        $pattern = '/\/uploads\/[^\s\'"]*\.(' . implode('|', $video_formats) . ')/i';
        if (preg_match_all($pattern, $body, $matches)) {
            foreach ($matches[0] as $video_url) {
                // 获取视频文件的完整URL
                $video_src = 'http://' . $_SERVER['HTTP_HOST'] . $video_url;
                // 获取视频文件名,用于作为视频标题
                $video_name = basename($video_url);
                // 构建HTML5 video标签
                // 注意:这里使用了 controls 属性来显示播放控件。
                // 您还可以添加其他属性,如 autoplay, loop, muted, poster等。
                $video_player = '<video controls width="100%" height="auto" preload="metadata">
                                    <source src="' . $video_src . '" type="video/mp4">
                                    您的浏览器不支持 HTML5 视频,请升级浏览器或使用 <a href="' . $video_src . '">下载链接</a> 观看。
                                </video>';
                // 将文章内容中的旧URL替换为新的播放器代码
                // 为了避免重复替换,我们用一个临时标记替换掉
                $temp_mark = '###VIDEO_REPLACED_' . md5($video_url) . '###';
                $body = str_replace($video_url, $temp_mark, $body);
                // 再将临时标记替换为最终的播放器代码
                $body = str_replace($temp_mark, $video_player, $body);
            }
        }
        return $body;
    }
    ?>

第3步:在文章内容页模板中调用该函数

  1. 找到您正在使用的文章内容页模板文件,通常位于 /templets/您的模板名称/ 目录下,文件名为 article_article.htm

  2. 用文本编辑器打开 article_article.htm

  3. 找到 {dede:field.body/} 这一行,这是调用文章正文内容的地方。

  4. 将其修改为:

    {dede:field.body function='ReplaceVideo(@me)'/}
    • 解释:这里的 function='ReplaceVideo(@me)' 是织梦模板的一个强大功能,它表示在输出 {dede:field.body/} 的内容之前,先调用 include 目录下的 video.func.php 文件中的 ReplaceVideo 函数,并把 body 的内容作为参数传递进去,函数处理完后再返回最终内容。

第4步:上传视频并测试

  1. 登录织梦后台,进入“添加新文章”页面。
  2. 点击“上传文件”按钮,选择一个本地的MP4视频文件进行上传。
  3. 上传成功后,您会在编辑器中看到视频文件的链接,它通常是一段类似 [vodplayer]...[/vodplayer] 的标签或者直接是图片占位符。这没关系,我们的函数会直接在最终生成的HTML页面中查找并替换视频文件的URL。
  4. 发布文章。
  5. 在前台访问这篇文章,您应该就能看到一个可以正常播放的HTML5视频播放器了。

优点

  • 完全免费,无插件依赖。
  • 代码轻量,对网站性能影响小。
  • 高度灵活,您可以自由修改 video.func.php 文件来定制播放器样式、添加更多功能(如弹幕、倍速播放等)。
  • 符合Web标准,兼容性好。

缺点

  • 需要手动编写和修改代码,对新手有一定门槛。
  • 需要自己处理一些特殊情况(比如不同视频格式的兼容性)。

总结与建议

特性 使用插件 手动集成HTML5播放器
易用性 ⭐⭐⭐⭐⭐ (非常简单) ⭐⭐ (需要一定技术基础)
灵活性 ⭐⭐ (通常有限) ⭐⭐⭐⭐⭐ (完全自定义)
成本 可能需要购买或担心免费插件风险 完全免费
性能 取决于插件质量 通常较好,代码精简
推荐人群 网站新手、追求快速上线、不想碰代码的用户 有一定PHP/HTML基础、追求网站性能和定制化的用户

对于大多数用户,我强烈推荐从方法一开始,如果找不到合适的插件,或者对网站性能和定制化有更高要求,再选择方法二,方法二虽然步骤稍多,但一旦配置好,会非常稳定和强大。

-- 展开阅读全文 --
头像
char在c语言中的意思
« 上一篇 今天
C语言define用法有哪些注意事项?
下一篇 » 今天

相关文章

取消
微信二维码
支付宝二维码

目录[+]