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

admin · 发表于 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

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-18 01:41:47

要在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>

复制代码

- **例子**：

[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视频，视频的嵌入代码为：

<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智能体生成，内容仅供参考，请仔细甄别。