【發帖增強】插入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網址和視頻寬度百分比即可

登錄/注冊后可看大圖

登錄/注冊后可看大圖

登錄/注冊后可看大圖

影子

支持qzuser1212

qsjk

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

專家

官方默認的不應該無法解析啊？

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

專家

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

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

qzuser1212

專家 發表于 2023-3-17 23:21
官方默認的不應該無法解析啊？

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

測試了不行

專家

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

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

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

arnold

測試看看!!

qzuser1212

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

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

LengRan

支持 樓主 i love U