教你在discuz x編輯器上,添加一個youtube影片插入按鈕

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

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



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

 
Ⅰ、需要copy的文字、code代碼,youtube按鈕之icon圖標下載:

ASUS雲盤→提取碼:MVXP6GU、drive.googleonedrive.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

留言

秘密留言