Discuz Facebook代碼 修正版本

s860304

本人秉持著讓自己麻煩的寫代碼
讓大家簡單的用代碼(誤

這次推出的是Facebook的代碼

一樣是 複製網址就可以了!!
這年頭 簡單才是王道~~應該拉

代碼一樣不私藏 直接分享
(8/20更正 實際上 style="max-width:90%;"才會對於手機板頁面過寬才有效! max-width="90%" 是錯誤用法)

1. <iframe width="560" height="315" style="max-width:90%;" src="https://www.facebook.com/plugins/video.php" allowfullscreen id="fb_{1}"></iframe>
   
2. <script type="text/javascript">
   
3. document.getElementById("fb_{1}").src='https://www.facebook.com/plugins/video.php?href='+encodeURIComponent("{1}")+'&width=560&show_text=false&height=315';
   
4. </script>

複製代碼

結束(不是吧?

使用說明
替換內容: 上方代碼

例子:

1. [facebook]FB影片網址[/facebook]

複製代碼

解釋:

1. 文章嵌入Facebook影片

複製代碼

提示語

1. 請輸入Facebook影片網址

複製代碼

圖示
看是要從本站的編輯器拿去 還是要自己去縮(圖片來源 FB官網)


代碼來源 當然是FB開發人員頁面啦

max-width="90%" 這個再次說明 目前沒多少人像我一樣用這個來防止葉片過寬
90%是算過的 Discuz手機版用這比例最適合
分享請附來源

樓下示範

s860304

azukki

突然發現是萊姆還是蕾姆!!~哈

s860304

azukki 發表於 2016-8-22 21:32
突然發現是萊姆還是蕾姆!!~哈

https://zh.moegirl.org/zh-tw/雷姆(Re:从零开始的异世界生活)

s860304

2018/02/20 基於已知代碼問題調整

den13501

測試用於小弟的網站很順利顯示FB影片，非常實用的一個代碼，感恩...