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

qzuser1212

之前有發(fā)表過一個 【發(fā)帖增強】嵌入Twitter視頻的簡單方案


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

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


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>
   

復制代碼

---解釋:  

1. 插入youtube視頻

復制代碼

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

2

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

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

復制代碼

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

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

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

三姐

挺好的方法,可惜在本地還是無法解析
需要VPN的吧~

LengRan

支持 樓主 i love U

qzuser1212

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

官方的邏輯沒有問題 我測試自己的站也沒有問題 可能是他站點的某個插件導致的 我懶得排查了

arnold

測試看看!!

專家

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

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

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

qzuser1212

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

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

測試了不行

專家

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

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

專家

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

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

qsjk

公眾號的視頻有啥方法，用這種方法播放視頻嗎