Categories: php

phpBB3 に YouTube、ニコニコ動画の BBCode を追加

phpBB は、BBCode という HTML を利用したマークアップ言語により、様々なサービスから、投稿する記事へコンテンツの組み込みが可能となっています。

今回、phpBB3 を設置する機会があったので、YouTube 動画の埋込みと、ニコニコ動画のサムネイル表示を BBCode で組み込んでみました。

BBCode の追加には、AdminCP へアクセス可能なユーザ権限が必要になります。
AdminCP へログイン後、”投稿” タブの “BBCode” 画面で「BBCode の追加」をクリックします。
BBCode の追加画面では、”BBCode の定義”、”HTML表現”、”ヘルプライン” の 3つを記述し、”設定” の「投稿ページで表示する」へチェックを入れます。

YouTube、ニコニコ動画、それぞれの BBCode は以下の様になります。

■ YouTube の BBCode

BBCode の定義

[YouTube]http://www.youtube.com/watch?v={SIMPLETEXT}[/YouTube]

HTML 表現

<embed src="https://www.youtube.com/v/{SIMPLETEXT}" wmode="transparent" 
style="width:400px; height:326px;" id="VideoPlayback" 
type="application/x-shockwave-flash" flashvars="">

ヘルプライン

YouTube 動画の URL を入力して下さい。

■ ニコニコ動画の BBCode

BBCode の定義

[NicoVideo]http://www.nicovideo.jp/watch/{SIMPLETEXT}[/NicoVideo]

HTML 表現

<iframe width="500" height="176" src="https://ext.nicovideo.jp/thumb/{SIMPLETEXT}" 
scrolling="no" style="border:solid 1px #CCC;" frameborder="0">
<a href="http://www.nicovideo.jp/watch/{SIMPLETEXT}"></a></iframe>

ヘルプライン

ニコニコ動画の URL を入力して下さい。

ヘルプラインは、投稿ページで、追加した BBCode ボタンの上にマウスカーソルを合わせると表示される説明文になりますので、任意です。

最後に、”送信” ボタンをクリックし「BBCode の編集に成功しました」と表示されれば完了です。実際に、YouTube とニコニコ動画の URL を貼付けて投稿し、記事中に表示される事を確認して下さい。

phpBB

参考にさせて頂いたサイト:
Adding a YouTube tag to phpBB3 – Lifehacker
phpbb3 youtube/google video BBCODE
Custom BBCodes

※ 追記
細かいバージョンまでは確認出来ませんでしたが、BBCode の定義で {TEXT} を使用すると以下の警告が表示されます。コメントでのご指摘ありがとうございました。

トークン {TEXT} が HTMLタグ 内で使用されています。XSS 攻撃を受ける可能性があり、セキュリティ上非常に危険です。HTMLタグ 内ではより限定的な {SIMPLETEXT} または {INTTEXT} が使用されるべきです。この危険性を十分承知した上でどうしてもトークン {TEXT} を HTMLタグ 内で使用したい場合は “はい” をクリックしてください。

Share

Recent Posts

移転を計画中?

新たにドメインを取得し、サイト…

4年 ago

iPhone から Android へ乗り換えた

長く使ってきた iPhone …

6年 ago

Chrome の拡張機能がウェブサイトからインストールを中止

ブラウザのアドオン、拡張機能と…

7年 ago

iOS 12 と macOS 10.14 Mojave 対応機種

iOS 12 と macOS …

7年 ago