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}







