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

qzuser1212

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


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

1. 后台管理 ——界面——编辑器设置——Discuz！代码新增一个youtube的代码（图标我附在文章里了）

2. 按照以下设置

--替换内容:

1. <div style="position: relative; padding-bottom: 56.25%; height: 0; ">
   
2.   <iframe style="position: absolute; top: 0; left: 0; width: {2} ; height: {2};" src="{1}" frameborder="0" allowfullscreen></iframe>
   
3. </div>
   

---解释:  

1. 插入youtube视频

---参数个数:

2

---参数提示语:  
注意是两行

1. 视频页面点击分享-嵌入-复制embed网址，如：https://www.youtube.com/embed/FC1EusIkr_0
   
2. 视频宽度，高度会自动等比例缩小，建议用百分比如：80%

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

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

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

视频, youtube, 一个, url, 发帖

影子

支持qzuser1212

qsjk

公众号的视频有啥方法，用这种方法播放视频吗

专家

官方默认的不应该无法解析啊？

使用官方插入视频的组件的时候，一定记得插入的是原始视频地址，开头必须是 youtube.com/watch?v= 这种的
不可以直接插入嵌入组件的地址
这样系统才能正确解析

专家

必须是平台允许外链的才可以，据我所知微信那边似乎没有对外开放这种接口

qzuser1212

测试了不行

专家

是否填写了宽度和高度？没填写的话脚本会尝试访问youtube查询具体信息，如果你的测试站点服务器在国内的话可能会有问题。
https://gitee.com/Discuz/DiscuzX ... a/media_youtube.php
你可以看一下官方的逻辑，我觉得实现的没有问题啊。

另外如果真有问题也是可以修正的。官方这边接受修改。

arnold

測試看看!!

qzuser1212

官方的逻辑没有问题 我测试自己的站也没有问题 可能是他站点的某个插件导致的 我懒得排查了

LengRan

支持 楼主 i love U