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

 找回密码
 注册
搜索
打印 上一主题 下一主题

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

[复制链接]
跳转到指定楼层
1#
发表于 2015-6-7 15:20:55 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
第一部分
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代码

手机版|大马资讯论坛  

GMT+8, 2024-12-4 05:52 , Processed in 0.021553 second(s), 12 queries , File On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表