eyoucms引用第三方视频（如某酷、某艺等） iframe的解决方法

eyoucms引用第三方视频 iframe的解决方法

第一种方法

1、自定义多行文本的字段：video（自已可以用别的名称来代替）

2、CSS，自适应效果

样式名可以自己定义

videoframe{position: relative;padding-bottom:56%;width:100%;height: 0;}
 /* 高度应该是宽度的56% */
.videoframe iframe {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

3、HTML，如果有视频数据则显示视频。video为上面第一步定义的字段名称。

{eyou:if condition="($eyou.field.video != '')"}
<div class="videoframe">
{$eyou.field.video|htmlspecialchars_decode=###}
</div>    
{/eyou:if}

第二种方法

第二种方法是利用第三方解析接口，自行百度，选择一个合适的第三方视频解析接口，然后在eyoucms后台，本文易优cms文章模型创建为例。

进入eyoucms的模型管理，给文章模型添加两个字段例如：
jiexijiekou（解析接口）
bofangdizhi（播放地址）
为防止字段过长被截断，建议选择成：多行字段：

创建jiexijiekou字段目的是方便维护，随时后台更换解析接口。

文章模型创建jiexijiekou字段优点是每个视频可以调用不同解析接口，维护一个视频不影响其他视频，缺点是不能一次更换所有解析接口。

一次更换所有视频解析接口可以在易优cms后台栏目字段添加例如：jiexijiekou

文章列表页调用视频解析地址：

{eyou:arclist orderby='now' addfields='jiexijiekou,bofangdizhi'}

{$field.title}

{/eyou:arclist}

栏目列表页调用视频播放地址：

{eyou:list orderby='now' addfields='jiexijiekou,bofangdizhi'}

{$field.title}

{/eyou:list}