资讯王 发表于 2015-6-7 15:20:55

Discuz x3.2 插入youtube视频代码过程分享, youtube iframe auto resize

第一部分
1. 进入后台 =>「界面」=> 编辑器设置 => Discuz!代码

2. 新增标签:youtube(叫什么随你意)

3. 插入以下替换内容:
html5 youtube iframe auto resize
<style>
.video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
}
</style>
<div class="video-container">
<iframe width="460" height="325" frameborder="0" src="http://www.youtube.com/embed/{1}?html5=1"></iframe>
</div>


4. 加入以下參數:
参数个数:1
参数提示语:请输入影片代码:
嵌套次数:1
复制代码





第二部分
首先, 后台 >> 界面 >> 编辑器设置 >>discuz 代码 >> flash开启 可用
然后, 论坛管理 >> 论坛板块 >> 编辑 >> 帖子选项中 >> 允许使用 Discuz! 代码: 选择是
最后, 用户管理 >> 用户组 >> 帖子选项 >> 设置下允许使用discuz代码
页: [1]
查看完整版本: Discuz x3.2 插入youtube视频代码过程分享, youtube iframe auto resize