教你在discuz x編輯器上,添加一個youtube影片插入按鈕
[discuz論壇入門指南] 教你如何使用 界面 » 編輯器設置 » 編輯 Discuz! 代碼 這個功能。
教你如何將youtube影片,嵌入到 DISCUZ X 論壇的帖子、貼子、文章內,並設置[youtube][/youtube]標籤之bbcode代碼做替換,並能直接顯示youtube影片。

建議將副檔名顯示出來,方便查看檔案類型,參考教您設置顯示win10之副檔名、隱藏資料夾、隱藏檔案這篇文章
Ⅰ、需要copy的文字、code代碼,youtube按鈕之icon圖標下載:
ASUS雲盤→提取碼:MVXP6GU、drive.google 、 onedrive.live【 下載教學 】
百度雲盤→提取碼:eyn2、360雲盤→提取碼:acb0
Ⅱ、將bb_youtube.png及bb_youtube.gif,拷貝或上傳到/static/image/common這個目錄下面,不然沒法調用icon圖標

Ⅲ、後台 → 編輯器設置 → Discuz! 代碼,新增框框輸入:
標籤框框 → Youtube
顯示順序 → 依號碼順序輸入
圖標文件 → 輸入bb_youtube.png或bb_youtube.gif
ok後,按提交

Ⅳ、可用及顯示這2項打勾,在點擊詳情,進入細部參數設置

Ⅴ、用NotePad++或Windows記事本,打開embedyoutubecode.htm文件

Ⅵ、將那些文字及代碼,copy到對應的框框內
替換內容、參數提示語,這2項框框,滑鼠左鍵,在裡面點2下,可向右展開,才不會小小的,不易檢視

Ⅶ、允許使用此代碼的用戶組,意思是那些用戶組,可以使用youtube影片標籤之bbcode代碼
這項要按住ctrl鍵,再配合滑鼠左鍵點選

ok後,按提交按鈕,就可以了
Ⅷ、發貼時就會有Youtube之ico按鈕圖標,輸入Youtube網址?v=後面的code,就可產生[Youtube]VCegJaoHJqU[/Youtube]之類的bbcode

Ⅸ、其他:
16/9 = 560/315 = 1.777777777778 寬高比,是有一定的公式,如要調整,自行用16比9換算;當然也可依你帖子的寬高,自行調整width、height這2參數

如果有用自動辨識https://www.youtube.com網址之修改或插件,要和上述相容,可使用+串連將https://www.youtube.com這串,切成3等份,算是防止那串被匹配,造成衝突

如果想對外框用點樣式,可加入style代碼,並設置border參數

添加外框之效果

Ⅹ、建議:
其實這個帖子、貼子、文章內,嵌入、插入youtube影片,雖然很簡單;但個人還是建議,可以在論壇公告,用一個圖文使用教學,或視頻使用教學,會比較好,避免論壇新人,不知道如何使用,這個顯示youtube影片之bbcode代碼。
同分類文章 → 13_Discuz_13_Discuz
對上述圖文教學,還不太明白的話,請至下方連結,查看youtube視頻解說。
此篇教學之youtube視頻解說D:https://youtu.be/U-6S8V97tBs
此篇教學之youtube視頻解說A:https://youtu.be/O1pKl5wSI6g
此篇教學之youtube視頻解說B:https://youtu.be/qjUZ2EwfnHc
此篇教學之youtube視頻解說C:https://youtu.be/tl5qq6iwZz4
謝謝大家,抽空觀看,files備份檔名:discuzguides 012a~012d
教你如何將youtube影片,嵌入到 DISCUZ X 論壇的帖子、貼子、文章內,並設置[youtube][/youtube]標籤之bbcode代碼做替換,並能直接顯示youtube影片。

建議將副檔名顯示出來,方便查看檔案類型,參考教您設置顯示win10之副檔名、隱藏資料夾、隱藏檔案這篇文章
Ⅰ、需要copy的文字、code代碼,youtube按鈕之icon圖標下載:
ASUS雲盤→提取碼:MVXP6GU、drive.google 、 onedrive.live【 下載教學 】
百度雲盤→提取碼:eyn2、360雲盤→提取碼:acb0
Ⅱ、將bb_youtube.png及bb_youtube.gif,拷貝或上傳到/static/image/common這個目錄下面,不然沒法調用icon圖標

Ⅲ、後台 → 編輯器設置 → Discuz! 代碼,新增框框輸入:
標籤框框 → Youtube
顯示順序 → 依號碼順序輸入
圖標文件 → 輸入bb_youtube.png或bb_youtube.gif
ok後,按提交

Ⅳ、可用及顯示這2項打勾,在點擊詳情,進入細部參數設置

Ⅴ、用NotePad++或Windows記事本,打開embedyoutubecode.htm文件

Ⅵ、將那些文字及代碼,copy到對應的框框內
替換內容、參數提示語,這2項框框,滑鼠左鍵,在裡面點2下,可向右展開,才不會小小的,不易檢視

Ⅶ、允許使用此代碼的用戶組,意思是那些用戶組,可以使用youtube影片標籤之bbcode代碼
這項要按住ctrl鍵,再配合滑鼠左鍵點選

ok後,按提交按鈕,就可以了
Ⅷ、發貼時就會有Youtube之ico按鈕圖標,輸入Youtube網址?v=後面的code,就可產生[Youtube]VCegJaoHJqU[/Youtube]之類的bbcode

Ⅸ、其他:
16/9 = 560/315 = 1.777777777778 寬高比,是有一定的公式,如要調整,自行用16比9換算;當然也可依你帖子的寬高,自行調整width、height這2參數

如果有用自動辨識https://www.youtube.com網址之修改或插件,要和上述相容,可使用+串連將https://www.youtube.com這串,切成3等份,算是防止那串被匹配,造成衝突

如果想對外框用點樣式,可加入style代碼,並設置border參數

添加外框之效果

Ⅹ、建議:
其實這個帖子、貼子、文章內,嵌入、插入youtube影片,雖然很簡單;但個人還是建議,可以在論壇公告,用一個圖文使用教學,或視頻使用教學,會比較好,避免論壇新人,不知道如何使用,這個顯示youtube影片之bbcode代碼。
同分類文章 → 13_Discuz_13_Discuz
對上述圖文教學,還不太明白的話,請至下方連結,查看youtube視頻解說。
此篇教學之youtube視頻解說D:https://youtu.be/U-6S8V97tBs
此篇教學之youtube視頻解說A:https://youtu.be/O1pKl5wSI6g
此篇教學之youtube視頻解說B:https://youtu.be/qjUZ2EwfnHc
此篇教學之youtube視頻解說C:https://youtu.be/tl5qq6iwZz4
謝謝大家,抽空觀看,files備份檔名:discuzguides 012a~012d