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

标题: 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. .video-container iframe, .video-container object, .video-container embed {
  10.         position:absolute;
  11.         top:0;
  12.         left:0;
  13.         width:100%;
  14.         height:100%;
  15. }
  16. </style>
  17. <div class="video-container">
  18. <iframe width="460" height="325" frameborder="0" src="http://www.youtube.com/embed/{1}?html5=1"></iframe>
  19. </div>
复制代码


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





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




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