【發(fā)帖增強(qiáng)】插入youtube視頻并實(shí)現(xiàn)自適應(yīng)

qzuser1212

之前有發(fā)表過一個(gè) 【發(fā)帖增強(qiáng)】嵌入Twitter視頻的簡(jiǎn)單方案


最近有客戶需要發(fā)布youtube視頻，但是用官方默認(rèn)的一直無法解析，
本來推薦他買插件，但是要在多個(gè)站點(diǎn)使用的話不劃算，所以幫他做了這個(gè)方案，分享出來方便大家有需要的使用

1. 后臺(tái)管理 ——界面——編輯器設(shè)置——Discuz！代碼新增一個(gè)youtube的代碼（圖標(biāo)我附在文章里了）


2. 按照以下設(shè)置



--替換內(nèi)容:

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>
   

復(fù)制代碼

---解釋:  

1. 插入youtube視頻

復(fù)制代碼

---參數(shù)個(gè)數(shù):

2

---參數(shù)提示語:  
注意是兩行

1. 視頻頁面點(diǎn)擊分享-嵌入-復(fù)制embed網(wǎng)址，如：https://www.youtube.com/embed/FC1EusIkr_0
   
2. 視頻寬度，高度會(huì)自動(dòng)等比例縮小，建議用百分比如：80%

復(fù)制代碼

3. 將代碼設(shè)置為可用，顯示

4. 設(shè)置用戶權(quán)限，具有“允許使用自定義 Discuz! 代碼”權(quán)限的用戶組在發(fā)帖時(shí)才會(huì)看到相應(yīng)自定義 Discuz! 代碼按鈕

5. 發(fā)帖時(shí)點(diǎn)擊代碼圖標(biāo)，輸入在youtube視頻頁——分享——嵌入——復(fù)制的embed網(wǎng)址和視頻寬度百分比即可

影子

支持qzuser1212

qsjk

公眾號(hào)的視頻有啥方法，用這種方法播放視頻嗎

專家

官方默認(rèn)的不應(yīng)該無法解析啊？

使用官方插入視頻的組件的時(shí)候，一定記得插入的是原始視頻地址，開頭必須是 youtube.com/watch?v= 這種的
不可以直接插入嵌入組件的地址
這樣系統(tǒng)才能正確解析

專家

qsjk 發(fā)表于 2023-3-17 23:11
公眾號(hào)的視頻有啥方法，用這種方法播放視頻嗎

必須是平臺(tái)允許外鏈的才可以，據(jù)我所知微信那邊似乎沒有對(duì)外開放這種接口

qzuser1212

專家 發(fā)表于 2023-3-17 23:21
官方默認(rèn)的不應(yīng)該無法解析啊？

使用官方插入視頻的組件的時(shí)候，一定記得插入的是原始視頻地址，開頭必須是 ...

測(cè)試了不行

專家

qzuser1212 發(fā)表于 2023-3-18 13:23
測(cè)試了不行

是否填寫了寬度和高度？沒填寫的話腳本會(huì)嘗試訪問youtube查詢具體信息，如果你的測(cè)試站點(diǎn)服務(wù)器在國內(nèi)的話可能會(huì)有問題。
https://gitee.com/Discuz/DiscuzX ... a/media_youtube.php
你可以看一下官方的邏輯，我覺得實(shí)現(xiàn)的沒有問題啊。

另外如果真有問題也是可以修正的。官方這邊接受修改。

arnold

測(cè)試看看!!

qzuser1212

專家 發(fā)表于 2023-3-18 15:42
是否填寫了寬度和高度？沒填寫的話腳本會(huì)嘗試訪問youtube查詢具體信息，如果你的測(cè)試站點(diǎn)服務(wù)器在國內(nèi)的 ...

官方的邏輯沒有問題 我測(cè)試自己的站也沒有問題 可能是他站點(diǎn)的某個(gè)插件導(dǎo)致的 我懶得排查了

LengRan

支持 樓主 i love U