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

2023-12-13 17:08 小编

1、自定义多行文本的字段:video(自已可以用别的名称来代替)

2、CSS,自适应效果

1
2
3
.videoframe{positionrelative;padding-bottom:56%;width:100%;height0;}
 /* 高度应该是宽度的56% */
.videoframe iframe {positionabsolute;width100%;height100%;left0;top0;}

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}



在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码