模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程

作者:武汉网站定制 来源:网站建设 2019-06-20 14:05

模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程,今天教大家做一个在织梦系统中如何添加腾讯视频的教程,因为织梦CMS自带的编辑器不能直接使用腾讯、优酷等视频网站。如果上传视频会占据大量的服务器空间,导致网站加载速度慢,我们一般不上传的网站

模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程,今天教大家做一个在织梦系统中如何添加腾讯视频的教程,因为织梦CMS自带的编辑器不能直接使用腾讯、优酷等视频网站。如果上传视频会占据大量的服务器空间,导致网站加载速度慢,我们一般不上传的网站中,只能通过腾讯、优酷等视频网站的VID值来提取视频到网站,接下来教大家如何在织梦系统中添加视频吧。

注意:本教程代码只适合腾讯视频:其他网站的视频,请自行修改

  • 模型自定义字段的添加

  • 腾讯视频的vid值添加

  • 腾讯视频引用代码的加入

一、实现方法

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

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

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

模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程
模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程

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

模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程
模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程

模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程
模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程

添加以后保存即可。

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

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

模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程
模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程

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

模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程
模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程

得到通用代码为

VID值如下所示


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

打开我们当前的内容页模板,在{dede:field.body/} 上一行加入以下代码:

HTML

<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>

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

播放页面效果

模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程
模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程

教程结束

文本总结,以上是就关于模板网站制作教程:织梦(CMS)中加入腾讯网站视频的教程,VID值要在腾讯视频的播放页中进行手动提取这一点要注意,小编真诚希望上述内容能够帮助到您。

 

本文地址:模板网站制作频道 http://jianzhan.hkm168.com/mbwz/3031.html,武汉建站公司提供一站式网站制作开发服务:武汉网站建设、网站制作、网站开发、高端网站设计制作、移动网站开发,小程序开发等建站服务,制作周期短,价格实惠,效果满意;以及全网营销、武汉SEO服务、网站建设、百科词条创建修改、新媒体引流、公司负面公关处理等;另外本站原创文章,转载本文请保留本站地址,谢谢!

上一篇:模板网站制作教程:帝国cms跨数据库调用数据的用法说明

下一篇:模板网站制作教程:wordpress所用的服务器进行优化

相关文章相关文章
  • 模板网站建设教程:织梦(cms)域名后面的index.html去除方法

    模板网站建设教程:织梦(cms)域名后面的index.html

    模板网站建设教程:织梦(cms)域名后面的index.html去除方法1.在我们的网站后台管理器里边要把主页链接的index.php或者index.html去掉用符号替换...

    2019-07-01 16:03
  • 模板网站制作教程:帝国cms(ECMS)绑定二级域名的方法

    模板网站制作教程:帝国cms(ECMS)绑定二级域名的方

    好多朋友在用帝国CMS(ECMS)的时候,需要PC站点和手机站点共用一个后台,所以就涉及到了绑定二级域名的问题。网上有好多方法,有的可以成功,有的不可以。这里,我就给大家介绍一下我常用的方法。具体看图。...

    2019-07-01 15:54
  • 模板网站制作教程:织梦cms(dedecms)中在线显示pdf文件的方法

    模板网站制作教程:织梦cms(dedecms)中在线显示pdf

    最近需要用到PDF在线显示功能,根据客户需要,实现了此功能,现将方法记录、分享一下。 总体步骤: 第一步:在系统-系统基本参数-附件设置中添加pdf格式并且将大小调大 第二步:在核心-内容模型-普通文章中添加字段 第三步:修改一个显示模板文件 第四步:前...

    2019-06-29 15:15
  • 模板网站制作教程:通过搜狐快站搭建移动站的步骤

    模板网站制作教程:通过搜狐快站搭建移动站的步骤

    移动站搭建1、企业移动站搭建方式,单独设计单独制作(独立后台),自适应网站(H5)--成本低,管理方便;--无法满足不同客户端的差异需求。使用第三方工具(搜狐快站、腾讯风铃)。2、移动站优化?参考PC站。...

    2019-06-28 14:54
  • 模板网站制作教程:dede网站模板安装步骤及对网站简单修改方法

    模板网站制作教程:dede网站模板安装步骤及对网站简单

    一、dede安装步骤1、织梦cms、帝国cms、ecshop商城、discuz论坛2、htdocs:网站根目录,存放网站相关文件3、ftp工具:leapftp ftpflash等作用:连接远程空间,上传下载文件...

    2019-06-28 14:27
  • 模板网站制作教程:DEDE织梦CMS实现移动站跳转实操分享

    模板网站制作教程:DEDE织梦CMS实现移动站跳转实操分

    在《DEDE织梦CMS移动站搭建及移动适配实操》这篇文章中分享了织梦CMS移动端网站搭建经验,这篇文章接着分享dedecms移动站跳转问题,即就是通过对来访设备的判断,跳转到PC站或者移动站对应的页面,通过这两篇文章的学习,即可轻松解决DEDE织梦CMS实现移动跳转...

    2019-06-27 11:09
  • 模板网站制作教程:DEDE织梦CMS移动站搭建及移动适配实操

    模板网站制作教程:DEDE织梦CMS移动站搭建及移动适配

    移动设备使用群体不断增加,所以移动端SEO优化的呼声逐渐升高。做移动端优化首先要考虑的就是网站在移动设备的展现问题以及搜索引擎在PC端和移动端的不同。...

    2019-06-27 10:58
  • 模板网站制作教程:Nginx网站服务器安装步骤及Nginx配置文件解析

    模板网站制作教程:Nginx网站服务器安装步骤及Nginx配

    轻量级,同样架设web服务比apache占用更少的内存及资源高并发,nginx处理请求是异步非阻塞的,而apache则时阻塞性的,在高并发下nginx能保持低资源消耗高性能可以做负载均衡服务器,支持7层负载均衡静态处理性能比apache高3倍以上,但动态处理不足,需要通过...

    2019-06-24 10:52

24小时热门标签

产品图片2
服务器图片