eyoucms引用騰訊B站視頻的步驟代碼
2022-12-02 加入收藏
1、自定義多行文本的字段：video（自已可以用別的名稱來代替）
2、CSS，自適應(yīng)效果
1 2 3 | .videoframe{position: relative;padding-bottom:56%;width:100%;height: 0;} /* 高度應(yīng)該是寬度的56% */.videoframe iframe {position: absolute;width: 100%;height: 100%;left: 0;top: 0;} |
3、HTML，如果有視頻數(shù)據(jù)則顯示視頻。video為上面第一步定義的字段名稱。
1 2 3 4 5 | {eyou:if condition="($eyou.field.video != '')"}<div class="videoframe">{$eyou.field.video|htmlspecialchars_decode=###}</div> {/eyou:if} |
