【发帖增强】插入youtube视频并实现自适应
之前有发表过一个 【发帖增强】嵌入Twitter视频的简单方案<br /><br /><br /> 最近有客户需要发布youtube视频，但是用官方默认的一直无法解析，<br /> 本来推荐他买插件，但是要在多个站点使用的话不划算，所以帮他做了这个方案，分享出来方便大家有需要的使用<br /><br /><strong><font size="3">1. 后台管理 ——界面——编辑器设置——Discuz！代码新增一个youtube的代码（图标我附在文章里了）<br /></font></strong><img title="企业微信截图_15d259aa-5637-45b1-a3b6-aab18e507b5f.png" id="aimg_20872" aid="20872" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/17/135600rjjeed0jq9zifc0i.png" src="https://www.dismall.com/data/attachment/forum/202303/17/135600rjjeed0jq9zifc0i.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /> <font size="3"><strong><br />2. 按照以下设置</strong></font><br /><br /><img title="网页捕获_17-3-2023_135642_bbs.titannet.io.jpeg" id="aimg_20873" aid="20873" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/17/135658u5sw5ejhsy5zsexw.jpeg" src="https://www.dismall.com/data/attachment/forum/202303/17/135658u5sw5ejhsy5zsexw.jpeg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />--替换内容:<ol><li><div style="position: relative; padding-bottom: 56.25%; height: 0; "><br /><li> <iframe style="position: absolute; top: 0; left: 0; width: {2} ; height: {2};" src="{1}" frameborder="0" allowfullscreen></iframe><br /><li></div><br /><li></ol><br />---解释: <br /><ol><li>插入youtube视频 </ol><br />---参数个数: <br /><br /> 2<br /><br />---参数提示语: <br />注意是两行<br /> <br /><ol><li>视频页面点击分享-嵌入-复制embed网址，如：https://www.youtube.com/embed/FC1EusIkr_0<br /><li>视频宽度，高度会自动等比例缩小，建议用百分比如：80%</ol><br /><br /><font size="3"><strong><br />3. 将代码设置为可用，显示<br /><br />4. 设置用户权限，具有“允许使用自定义 Discuz! 代码”权限的用户组在发帖时才会看到相应自定义 Discuz! 代码按钮<br /><br />5. 发帖时点击代码图标，输入在youtube视频页——分享——嵌入——<font style="background-color:rgb(247, 247, 247)">复制的embed网址和视频宽度百分比即可</font></strong></font><br /><font style="background-color:rgb(247, 247, 247)"><br /></font><br /><font style="background-color:rgb(247, 247, 247)"><br /></font><br /><img title="WX20230317-140716@2x.png" id="aimg_20874" aid="20874" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/17/140824ebz7ur6v006qobvo.png" src="https://www.dismall.com/data/attachment/forum/202303/17/140824ebz7ur6v006qobvo.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><img title="WX20230317-140739@2x.png" id="aimg_20875" aid="20875" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/17/140824z5fwxca3uhxuawa5.png" src="https://www.dismall.com/data/attachment/forum/202303/17/140824z5fwxca3uhxuawa5.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><img title="WX20230317-140802@2x.png" id="aimg_20876" aid="20876" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/17/140825rc6vgkz7mgsgkk0j.png" src="https://www.dismall.com/data/attachment/forum/202303/17/140825rc6vgkz7mgsgkk0j.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br />视频<em>, </em>youtube<em>, </em>一个<em>, </em>url<em>, </em>发帖 <img title="WX20230317-140802@2x.png" id="aimg_20871" aid="20871" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/17/135416ym0rsrzde4xm40rd.png" src="https://www.dismall.com/data/attachment/forum/202303/17/135416ym0rsrzde4xm40rd.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="16" alt="youtube.png" title="youtube.png" w="16" /> 支持qzuser1212 公众号的视频有啥方法，用这种方法播放视频吗 <br /><br />官方默认的不应该无法解析啊？<br /><br />使用官方插入视频的组件的时候，一定记得插入的是原始视频地址，开头必须是 youtube.com/watch?v= 这种的<br />不可以直接插入嵌入组件的地址<br />这样系统才能正确解析 <br />必须是平台允许外链的才可以，据我所知微信那边似乎没有对外开放这种接口 <br />测试了不行 <br />是否填写了宽度和高度？没填写的话脚本会尝试访问youtube查询具体信息，如果你的测试站点服务器在国内的话可能会有问题。<br />https://gitee.com/Discuz/DiscuzX ... a/media_youtube.php<br />你可以看一下官方的逻辑，我觉得实现的没有问题啊。<br /><br />另外如果真有问题也是可以修正的。官方这边接受修改。 測試看看!! <br />官方的逻辑没有问题 我测试自己的站也没有问题 可能是他站点的某个插件导致的 我懒得排查了 支持 楼主 i love U
頁:
[1]