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}