DedeCMs系统加入优酷视频_让视屏全屏的方法

-

注意:本教程适用于DedeCMS V5.3,V5.5,V5.6,V5.7

有时候,我们为了能够更好展示网站的正文内容,需要引入一些视频,但织梦自带的编辑器又不直接支持优酷等视频网站的引用。本篇教程就是来给大家讲解如何在织梦(DedeCMS)系统中加入例如优酷网站的教程,一共分为一下几个步骤来完成:

模型自定义字段的添加优酷swf地址的添加优酷引用代码的加入一、实现方法

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

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

进入后台,依次点击【核心】——【频道模型】——【内容模型管理】,点击【普通文章】 后面 进行修改,打开之后,切换到[字段管理],然后点击 [添加新字段] ,信息如下:

DedeCMs系统加入优酷视频_让视屏全屏的方法_第1张图片

添加以后保存即可。

2)优酷swf地址的添加

为这个字段添加一下优酷的swf地址用于内容页的播放。当然,方法就是添加一篇这个模型的文档,这里是普通文章,我们添加的信息如下:

DedeCMs系统加入优酷视频_让视屏全屏的方法_第2张图片

在这里要注意上面图示中红色背景的swf地址,它是在优酷的播放页进行手动提取的。

例如 在 http://v.youku.com/v_show/id_XMjA4MDk4MjQw.html 页面中,它的提取方式为:

DedeCMs系统加入优酷视频_让视屏全屏的方法_第3张图片
3)优酷引用代码的加入

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

折叠XML/HTML 代码复制内容到剪贴板 <embed    type="application/x-shockwave-flash"    src="{dede:field.ykswf/}"    id="movie_player"    name="movie_player"    bgcolor="#FFFFFF"    quality="high"    allowfullscreen="true"    flashvars="isShowRelatedVideo=falseshowAd=0show_pre=1show_next=1isAutoPlay=falseisDebug=false    UserID=winType=interiorplayMovie=true&MM    Control=falseMMout=falseRecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3    007,3008,9999"    pluginspage="http://www.macromedia.com/go/getflashplayer"    width="350"    height="360">     </embed>  

要是能自动判断是否输入了视频地址,输入则调用视频

其实这个比较简单,对ykswf字段稍加处理一下即可完美实现:
折叠XML/HTML 代码复制内容到剪贴板

{dede:field.ykswf runphp='yes'}       if(@me == ''){ @me = '';  }       else{ @me = '<embed       type="application/x-shockwave-flash"     src="'.@me.'"       id="movie_player"       name="movie_player"       bgcolor="#FFFFFF"       quality="high"       allowfullscreen="true"       flashvars="isShowRelatedVideo=falseshowAd=0show_pre=1show_next=1isAutoPlay=falseisDebug=false       UserID=winType=interiorplayMovie=true&MM       Control=falseMMout=falseRecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3       007,3008,9999"       pluginspage="http://www.macromedia.com/go/getflashplayer"       width="350"       height="360" >    </embed>';   }   {/dede:field.ykswf}

具体添加的示例如下:

DedeCMs系统加入优酷视频_让视屏全屏的方法_第4张图片

好了,到这里我们的所有过程已经完毕了。那么我们来看看具体效果:

DedeCMs系统加入优酷视频_让视屏全屏的方法_第5张图片


二、教程小节

1)注意事项
本篇教程基本上属于对织梦(DedeCMS)系统初中级熟悉度的朋友,建议大家来实际操作的时候,最好严格按照本篇教程中所讲述的过程来实现。这样才能保证最终的效果能够顺利完成。也希望大家能够在教程中获取的是渔而不是鱼,能够在一定程度上举一反三。2)代码特点

教程中用的优酷视频引入代码有以下特点:

全屏不会跳转到优酷页;屏蔽了优酷播放页的LOGO图标;屏蔽了优酷的链接;

基本上属于一个比较完美的解决方案。

你可能感兴趣的:(DedeCMs系统加入优酷视频_让视屏全屏的方法)