大马资讯论坛 - 马来西亚中文资讯平台

标题: Discuz x3.2 插入youtube视频代码过程分享, youtube iframe auto resize [打印本页]

---

作者: 资讯王    时间: 2015-6-7 15:20
标题: Discuz x3.2 插入youtube视频代码过程分享, youtube iframe auto resize
第一部分
1. 进入后台 =>「界面」=> 编辑器设置 => Discuz!代码

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

3. 插入以下替换内容：
html5 youtube iframe auto resize

1. <style>
   
2. .video-container {
   
3.         position:relative;
   
4.         padding-bottom:56.25%;
   
5.         padding-top:30px;
   
6.         height:0;
   
7.         overflow:hidden;
   
8. }
   
9. 
   
10. .video-container iframe, .video-container object, .video-container embed {
    
11.         position:absolute;
    
12.         top:0;
    
13.         left:0;
    
14.         width:100%;
    
15.         height:100%;
    
16. }
    
17. </style>
    
18. <div class="video-container">
    
19. <iframe width="460" height="325" frameborder="0" src="http://www.youtube.com/embed/{1}?html5=1"></iframe>
    
20. </div>
    

复制代码

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





第二部分
首先, 后台 >> 界面 >> 编辑器设置 >>  discuz 代码 >> flash  开启 可用
然后, 论坛管理 >> 论坛板块 >> 编辑 >> 帖子选项中 >> 允许使用 Discuz! 代码: 选择  是
最后, 用户管理 >> 用户组 >> 帖子选项 >> 设置下允许使用discuz代码

---

欢迎光临 大马资讯论坛 - 马来西亚中文资讯平台 (http://freeinfo.com.my/)

Powered by Discuz! X3.3