EyouCms

EyouCms

EyouCms是基于TP5.0框架为核心开发的免费+开源的企业内容管理系统,专注企业建站用户需求 提供海量各行业模板,降低中小企业网站建设、网络营销成本,致力于打造用户舒适的建站体验

eyoucms引用腾讯B站视频的步骤代码

2022-02-14

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}


Tag: eyoucms