DedeCms织梦二次开发网-Dede织梦工场-DedeCms教程-Dede二次开发-DedeCms二次开发-Dede模块开发-Dede插件开发-Dede标签开发DedeCms织梦二次开发网

织梦DedeCms后台支持添加腾讯视频并在内容页播放

摘要:应Dede织梦工场群友要求,做一个添加腾讯视频教程到网站的教程,在发表文章内容时,织梦CMS自带的编辑器又不直接支持腾讯、优酷等视频网站的引用。所以为了方便的发布,应群友的要求写下

应Dede织梦工场群友要求,做一个添加腾讯视频教程到网站的教程,在发表文章内容时,织梦CMS自带的编辑器又不直接支持腾讯、优酷等视频网站的引用。所以为了方便的发布,应群友的要求写下了本篇教程,详细讲解如何在织梦CMS系统中加入腾讯网站视频的教程,一共分为一下几个步骤来完成:
注意:本教程代码只适合腾讯视频:其他网站的视频,请自行修改

  • 模型自定义字段的添加
  • 腾讯视频的vid值添加
  • 腾讯视频引用代码的加入

一、实现方法

我们刚才说到,要实现这个效果,自带的编辑器不支持。那么我们就可以利用织梦(dedecms织梦模板)内容模型来进行实现,这里我们以默认的文章模型为基础来进行制作(如果是您是其它新建的模型,方法也是一样的)

1)模型自定义字段的添加

进入后台,依次点击【核心】——【频道模型】——【内容模型管理】,点击【普通文章】 进行修改,打开之后,信息如下:

织梦DedeCms后台支持添加腾讯视频并在内容页播放
切换到[字段管理],然后点击 [添加新字段] ,信息如下:
织梦DedeCms后台支持添加腾讯视频并在内容页播放
织梦DedeCms后台支持添加腾讯视频并在内容页播放

添加以后保存即可。

2)腾讯视频的VID地址的添加

在我们前面添加的这个字段里填写腾讯视频的VID值,用于内容页的播放。
当然,方法就是添加一篇这个模型的文档,这里是普通文章,我们添加的信息如下:
织梦DedeCms后台支持添加腾讯视频并在内容页播放
在这里要注意上面图示中红色框中的VID值,VID值要在腾讯视频的播放页中进行手动提取的。
例如 在 https://v.qq.com/x/cover/6983f15b7g5xch7/c0697zmcdli.html 页面中,它的提取方式为:
鼠标移动到视频的左下角 分享  复制通用代码
织梦DedeCms后台支持添加腾讯视频并在内容页播放
得到通用代码为
织梦DedeCms后台支持添加腾讯视频并在内容页播放
VID值如下所示
织梦DedeCms后台支持添加腾讯视频并在内容页播放
织梦DedeCms后台支持添加腾讯视频并在内容页播放

3)腾讯视频播放引用代码的加入网站内容页

打开我们当前的内容页模板,在{dede:field.body/} 上一行加入以下代码:
<object width="1000" height="610" type="application/x-shockwave-flash" data="//imgcache.qq.com/tencentvideo_v1/player/TencentPlayer.swf?vid={dede:field name='spvid'/}&amp;autoplay=1&amp;tpid=0"><param value="//imgcache.qq.com/tencentvideo_v1/player/TencentPlayer.swf?vid={dede:field name='spvid'/}&amp;autoplay=1&amp;tpid=0" name="movie"><param name="wmode" value="transparent"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="flashvars" value="autoplay=0&amp;adplay=1"></object>
织梦DedeCms后台支持添加腾讯视频并在内容页播放
大家也可以给内容页的播放代码加上判断,判断腾讯视频的VID值为空时则隐藏,VID值不为空时则显示。

播放页面效果

织梦DedeCms后台支持添加腾讯视频并在内容页播放
教程结束

DedeCMS织梦工场QQ群

群号(23871657) DedeCMS织梦工场
只适用于讨论dedecms二次开发相关话题,其他闲聊、广告、斗图、捣乱请自重自觉,谢谢合作!

不忘初心 、方得始终

DedeCMS织梦工场 - 致力于把最实用的DedeCms二次开发教程,DedeCms二次开发视频,DedeCms二次开发实例经验,分享给最需要的站长,希望每一位来访的站长都能有所收获!

如果您认为本网站的内容质量不错或者读后成功解决你心中的难题,觉得收获很大,那么不妨小额赞助一下,让我们有动力继续写出高质量的教程与更棒的程序教程。打赏记录

赞助方式

donate_zhifubao 支付宝手机客户端扫描上面的二维码进行赞助

donate_weixin 微信手机客户端扫描上面的二维码进行赞助

来源:DedeCms织梦工场 » 织梦DedeCms后台支持添加腾讯视频并在内容页播放
据说喜欢分享的,后来都成了大神: 更多