eyoucms引用腾讯B站视频的步骤代码
2022-12-02 加入收藏
1、自定义多行文本的字段:video(自已可以用别的名称来代替)
2、CSS,自适应效果
1 2 3 | .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为上面第一步定义的字段名称。
1 2 3 4 5 | {eyou:if condition="($eyou.field.video != '')"} < div class = "videoframe" > {$eyou.field.video|htmlspecialchars_decode=###} </ div > {/eyou:if} |