应Dede织梦工场群友要求,做一个添加腾讯视频教程到网站的教程,在发表文章内容时,织梦CMS自带的编辑器又不直接支持腾讯、优酷等视频网站的引用。所以为了方便的发布,应群友的要求写下了本篇教程,详细讲解如何在织梦CMS系统中加入腾讯网站视频的教程,一共分为一下几个步骤来完成:
注意:本教程代码只适合腾讯视频:其他网站的视频,请自行修改
- 模型自定义字段的添加
- 腾讯视频的vid值添加
- 腾讯视频引用代码的加入
一、实现方法
我们刚才说到,要实现这个效果,自带的编辑器不支持。那么我们就可以利用织梦(dedecms织梦模板)内容模型来进行实现,这里我们以默认的文章模型为基础来进行制作(如果是您是其它新建的模型,方法也是一样的)
1)模型自定义字段的添加
进入后台,依次点击【核心】——【频道模型】——【内容模型管理】,点击【普通文章】 进行修改,打开之后,信息如下:

切换到[字段管理],然后点击 [添加新字段] ,信息如下:


添加以后保存即可。
2)腾讯视频的VID地址的添加
在我们前面添加的这个字段里填写腾讯视频的VID值,用于内容页的播放。当然,方法就是添加一篇这个模型的文档,这里是普通文章,我们添加的信息如下:

在这里要注意上面图示中红色框中的VID值,VID值要在腾讯视频的播放页中进行手动提取的。
例如 在 https://v.qq.com/x/cover/6983f15b7g5xch7/c0697zmcdli.html 页面中,它的提取方式为:
鼠标移动到视频的左下角 分享 复制通用代码

得到通用代码为

VID值如下所示


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'/}&autoplay=1&tpid=0"><param value="//imgcache.qq.com/tencentvideo_v1/player/TencentPlayer.swf?vid={dede:field name='spvid'/}&autoplay=1&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&adplay=1"></object>

大家也可以给内容页的播放代码加上判断,判断腾讯视频的VID值为空时则隐藏,VID值不为空时则显示。
播放页面效果

教程结束
DedeCMS织梦工场QQ群
群号(23871657)
只适用于讨论dedecms二次开发相关话题,其他闲聊、广告、斗图、捣乱请自重自觉,谢谢合作!
不忘初心 、方得始终
DedeCMS织梦工场 - 致力于把最实用的DedeCms二次开发教程,DedeCms二次开发视频,DedeCms二次开发实例经验,分享给最需要的站长,希望每一位来访的站长都能有所收获!
如果您认为本网站的内容质量不错或者读后成功解决你心中的难题,觉得收获很大,那么不妨小额赞助一下,让我们有动力继续写出高质量的教程与更棒的程序教程。打赏记录
赞助方式
支付宝手机客户端扫描上面的二维码进行赞助
微信手机客户端扫描上面的二维码进行赞助