[Discuz X 後台操作] 教你在discuz x編輯器上,添加一個youtube影片插入按鈕

[discuz論壇入門指南] 教你如何使用 界面 » 編輯器設置 » 編輯 Discuz! 代碼 這個功能

教你如何將youtube影片，嵌入到 DISCUZ X 論壇的帖子、貼子、文章內，並設置[youtube][/youtube]標籤之bbcode代碼做替換，並能直接顯示youtube影片

建議將副檔名顯示出來，方便查看檔案類型，參考 教您設置顯示win10之副檔名、隱藏資料夾、隱藏檔案

１、需要copy的文字、code代碼，youtube按鈕之icon圖標下載

sync.hamicloud 、 asuswebstorage 、 drive.google 、 onedrive.live

２、將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代碼


返回目錄 → ( Discuz X 論壇 ) 之使用教學，連結總整理


對上述圖文教學，還不太明白的話，請至下方連結，查看 youtube 視頻解說

視頻解說之第一部分 https://www.youtube.com/watch?v=B6o-Ci6FRHs

謝謝大家，抽空觀看，files備份檔名 website01059

Teach you how to add youtube bbcode on DISCUZ X