eyoucms引用腾讯B站视频的步骤代码
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}
以上就是速优网络和大家分享的"eyoucms引用腾讯B站视频的步骤代码",非常感谢您有耐心的读完这篇文章,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务,本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作,请扫码咨询,我们将诚挚为您服务。
TAG标签:易优cms