自動YouTube埋め込みコード生成ツール (Ver.1)

WebサイトにYouTube動画を埋め込むことは、訪問者に対して情報を視覚的に提供し、コンテンツの魅力を高めるために非常に重要です。

このツールは、YouTube動画の埋め込みコードを自動生成する便利なユーティリティです。ユーザーは動画URLを入力し、カテゴリタグを選択することで、選択したカスタマイズ後の埋め込みコードを取得できます。


KAORUKO
KAORUKO
動画を確認しながら調整できます。


SAKURAKO
SAKURAKO
ブログやサイトに埋め込む際のカスタマイズにどうぞ~

demo tool ver.1


ツールの使い方

1.


https://youtu.be/_0yTPCYHGHg YouTubeアドレスのこの部分


2.

クリックでプレイヤーを生成


3.

埋め込みするプレイヤーの幅と高さをピクセルで指定

Video Size:


4.

パラメータを指定

Video Parameters:

rel : チェックなしで関連動画非表示。 fs : チェックなしで全画面ボタン非表示。 modestbranding : チェックでYouTubeロゴがちょっと控えめになる。 controls : チェックなしでコントローラー非表示。

Video Color: シークバーの色


5.

埋め込みコードを生成してコピー

コピーしたコードをHTMLソースとして貼り付ければOK!

動作チェック

ここにコードを貼り付けて、結果を確認できます


KAORUKO
KAORUKO
エラーになる場合は、動画IDが正しいか、もう一度確認してみてくださいね。



SAKURAKO
SAKURAKO
Please take a look at this as well.。:.(*・ω・)o旦

rubirubi.hateblo.jp