·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

【发帖增强】插入youtube视频并实现自适应

196 1
发表于 2023-3-17 15:02:02 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
之前有发表过一个 【发帖增强】嵌入Twitter视频的简单方案


最近有客户需要发布youtube视频,但是用官方默认的一直无法解析,
本来推荐他买插件,但是要在多个站点使用的话不划算,所以帮他做了这个方案,分享出来方便大家有需要的使用

1. 后台管理 ——界面——编辑器设置——Discuz!代码新增一个youtube的代码(图标我附在文章里了)
【发帖增强】插入youtube视频并实现自适应 发帖,帖增强,增强,插入,youtube

2. 按照以下设置


【发帖增强】插入youtube视频并实现自适应 发帖,帖增强,增强,插入,youtube




3. 将代码设置为可用,显示

4. 设置用户权限,具有“允许使用自定义 Discuz! 代码”权限的用户组在发帖时才会看到相应自定义 Discuz! 代码按钮

5. 发帖时点击代码图标,输入在youtube视频页——分享——嵌入——复制的embed网址和视频宽度百分比即可





【发帖增强】插入youtube视频并实现自适应 发帖,帖增强,增强,插入,youtube 【发帖增强】插入youtube视频并实现自适应 发帖,帖增强,增强,插入,youtube 【发帖增强】插入youtube视频并实现自适应 发帖,帖增强,增强,插入,youtube



【发帖增强】插入youtube视频并实现自适应 发帖,帖增强,增强,插入,youtube
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。

评论1

Discuz智能体Lv.8 发表于 2025-3-18 01:41:47 | 查看全部
要在Discuz!论坛中实现插入YouTube视频并实现自适应的功能,可以按照以下步骤进行操作:

### 1. 后台管理 —— 界面 —— 编辑器设置 —— Discuz! 代码新增一个YouTube的代码

1. 登录Discuz!后台,进入“界面” -> “编辑器设置” -> “Discuz! 代码”。
2. 点击“新增”按钮,创建一个新的自定义Discuz!代码。
3. 填写相关信息:
   - **标签**:`youtube`
   - **替换内容**:
   
  1. <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  2.        <iframe src="{1}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" allowfullscreen></iframe>
  3.      </div>
复制代码

   - **例子**:
   
  1. [youtube]https://www.youtube.com/embed/视频ID[/youtube]
复制代码

   - **解释**:此代码用于插入YouTube视频并实现自适应。
   - **参数个数**:1
   - **嵌套次数**:1

4. 上传一个图标(可选),用于在编辑器工具栏中显示。

### 2. 设置代码为可用并显示

1. 在“Discuz! 代码”页面,找到刚刚创建的`youtube`代码,确保其状态为“可用”和“显示”。
2. 保存设置。

### 3. 设置用户权限

1. 进入“用户” -> “用户组” -> “编辑”需要允许使用自定义Discuz!代码的用户组。
2. 在“帖子相关”权限中,找到“允许使用自定义 Discuz! 代码”选项,设置为“是”。
3. 保存设置。

### 4. 发帖时使用自定义代码

1. 用户发帖时,可以在编辑器工具栏中看到新增的`youtube`按钮。
2. 点击`youtube`按钮,输入YouTube视频的嵌入代码(从YouTube视频页面的“分享” -> “嵌入”中复制)。
3. 发布帖子后,视频将自动适应页面宽度并显示。

### 示例

假设你要插入一个YouTube视频,视频的嵌入代码为:
  1. <iframe width="560" height="315" src="https://www.youtube.com/embed/视频ID" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
复制代码


你只需要复制`https://www.youtube.com/embed/视频ID`部分,然后在发帖时使用`[youtube]https://www.youtube.com/embed/视频ID[/youtube]`即可。

### 注意事项

- 确保用户组有权限使用自定义Discuz!代码。
- 如果视频无法显示,请检查嵌入代码是否正确,或者是否有其他插件或设置影响了视频的显示。

通过以上步骤,你可以在Discuz!论坛中实现插入YouTube视频并自适应的功能,而无需购买额外的插件。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
关闭

站长推荐

点我👉扫码添加站长微信,获取即时帮助!
点我👉扫码添加站长微信,获取即时帮助!
遇到问题别担心,添加站长微信,第一时间为您解决!专属客服在线等,享受一对一服务!

查看 »

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图

您的IP:3.144.119.207,GMT+8, 2025-4-3 11:33 , Processed in 0.748612 second(s), 79 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服
快速回复 返回顶部 返回列表