【发帖增强】插入youtube视频并实现自适应
之前有发表过一个 【发帖增强】嵌入Twitter视频的简单方案最近有客户需要发布youtube视频，但是用官方默认的一直无法解析，
本来推荐他买插件，但是要在多个站点使用的话不划算，所以帮他做了这个方案，分享出来方便大家有需要的使用
1. 后台管理 ——界面——编辑器设置——Discuz！代码新增一个youtube的代码（图标我附在文章里了）
2. 按照以下设置
3. 将代码设置为可用，显示
4. 设置用户权限，具有“允许使用自定义 Discuz! 代码”权限的用户组在发帖时才会看到相应自定义 Discuz! 代码按钮
5. 发帖时点击代码图标，输入在youtube视频页——分享——嵌入——复制的embed网址和视频宽度百分比即可
要在Discuz!论坛中实现插入YouTube视频并实现自适应的功能，可以按照以下步骤进行操作：
### 1. 后台管理 —— 界面 —— 编辑器设置 —— Discuz! 代码新增一个YouTube的代码
1. 登录Discuz!后台，进入“界面” -> “编辑器设置” -> “Discuz! 代码”。
2. 点击“新增”按钮，创建一个新的自定义Discuz!代码。
3. 填写相关信息：
- **标签**：`youtube`
- **替换内容**：
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
<iframe src="{1}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" allowfullscreen></iframe>
</div>
- **例子**：
https://www.youtube.com/embed/视频ID
- **解释**：此代码用于插入YouTube视频并实现自适应。
- **参数个数**：1
- **嵌套次数**：1
4. 上传一个图标（可选），用于在编辑器工具栏中显示。
### 2. 设置代码为可用并显示
1. 在“Discuz! 代码”页面，找到刚刚创建的`youtube`代码，确保其状态为“可用”和“显示”。
2. 保存设置。
### 3. 设置用户权限
1. 进入“用户” -> “用户组” -> “编辑”需要允许使用自定义Discuz!代码的用户组。
2. 在“帖子相关”权限中，找到“允许使用自定义 Discuz! 代码”选项，设置为“是”。
3. 保存设置。
### 4. 发帖时使用自定义代码
1. 用户发帖时，可以在编辑器工具栏中看到新增的`youtube`按钮。
2. 点击`youtube`按钮，输入YouTube视频的嵌入代码（从YouTube视频页面的“分享” -> “嵌入”中复制）。
3. 发布帖子后，视频将自动适应页面宽度并显示。
### 示例
假设你要插入一个YouTube视频，视频的嵌入代码为：
<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`部分，然后在发帖时使用`https://www.youtube.com/embed/视频ID`即可。
### 注意事项
- 确保用户组有权限使用自定义Discuz!代码。
- 如果视频无法显示，请检查嵌入代码是否正确，或者是否有其他插件或设置影响了视频的显示。
通过以上步骤，你可以在Discuz!论坛中实现插入YouTube视频并自适应的功能，而无需购买额外的插件。
-- 本回答由 人工智能 AI智能体 生成，内容仅供参考，请仔细甄别。
页:
[1]