JJWorkshop Youtube 動画再生HTMLタグ自動生成

Youtube 動画再生HTMLタグ自動生成

BLOG 等に貼り付ける直接視聴できる Youtube のタグを自動生成します。
YouTube の「埋込コード」ってちょっとわかりにくいですよね。
下記手順で設定項目を選択していくと、誰でも簡単に自分のサイトへ貼り付ける HTML タグが作成できます。
１度利用すると次回から設定を記憶するので BLOG 内動画の外観を統一できます。
サンプルはこちらをご覧下さい。 BLOG設置サンプルは→ [F2C] [ココログ] [アメブロ]

１．対象 Youtube 動画のビデオID を指定します。

例：http://www.youtube.com/watch?v=<ビデオのID>&…
動画再生URLで、上記例の赤い部分に記述してある英数記号文字列になります。
「&」に続く記述が有る場合はその直前までとなります。（「&」は含みません）

ビデオID：

２．コントローラーのカラーを指定します。

動画の下に表示する再生ボタンやタイムバーがある部分です。
フレームは２色を使ったグラデーションになります。
カラー値を６桁の１６進数で設定します。（カラーピッカーから選択します）

枠カラー：

バックカラー：

３．各種パラメタを指定します。（設定しなくても可）

動画表示の設定をします。各設定の効果は「作成」で確認してみて下さい。
特別な指定をしない限りは既定値のままで構いません。

フルスクリーンボタン：		画素の荒い動画はフルスクリーン無効がよいかと
関連動画の表示：		表示しないだと、終了時に繰り返しボタンのみとなります
動画のタイトル表示：		再生前に動画上部に表示されるタイトルです
動画のアノテーション：		動画の吹き出しです（アノテーションについて）
キーボード操作：		[Space]停止/再生 [←→]±10％巻戻/早送 [↓↑]音量
自動再生：		いきなり再生するので音量注意です
繰り返し再生：		サイドバーに貼り付けるバナー的ものには有効が良いかと

４．Youtubeオリジナル動画へのリンク文字を入力します。（省略可）

Youtube へのリンク文字を付けるときに指定します。
「YouTube」の文字部分がリンクになります。
「YouTube」文字が無い場合は文言全体がリンクになります。
文言が空白だとリンク文字を付加しません。

文言：

５．表示する動画のサイズを指定します。

ＢＬＯＧ等のページに配置するときのサイズになります。
「作成」で動画イメージを確認後再生してみて、上下左右に黒い余白が無いように調整して下さい。
下記プリセットより選択することもできます。

BLOGで使いやすいサイズ：

( )内は画像のアスペクト比

IMGサイズ（幅×高さ）：

フレーム：

６．下記の「作成」ボタンを押すと完成です。

結果はこの下に、動画貼り付けタグのソースと一緒に表示します。
「作成」は、設定を変更し何度でも処理できます。
生成した「動画貼り付けタグ」をコピーして BLOG のエントリー等にに貼り付けて下さい。

表示サンプル：
BLOG等に、こんな動画再生オブジェクトを貼り付けたいときに使います。色やサイズは変更可能です。

[汎用版] - ほとんどのBLOGで利用可能

YouTubeで表示

Powerd by YouTube