YouTube埋め込みコード自動作成｜自動再生｜ループ｜再生ボタンの色

Only YouTube 埋め込みコード自動作成

>>Only YouTube Search｜>>YouTube ﾀﾞｳﾝﾛｰﾀﾞｰ

YouTube埋め込みコード自動作成

・①作成したい

動画のURLを入力します
・②～⑦必要な項目をクリックまたは入力します
・⑧最後に「埋め込みコード作成する </>」ボタンをｸﾘｯｸします
・Version：2012.1.7 debut!/2016.6.7 updated

【埋め込みコード自動作成説明】

埋め込みコード自動作成の結果は、この上に表示されます。
③サイズは、幅の入力で高さはｱｽﾍﾟｸﾄ比に合わせ自動計算します（幅が100以上のとき）。
幅が100以上のとき、高さは、objectコードの場合、計算結果の高さに＋25（コントロールバーの高さ）を加えています。
コントロールバーの高さは修正可能です（計算前に修正します）。
埋め込みコード自動生成結果のobjectタグコードとiframeタグコードの違いは、ここを参照ください。
③サイズのサイズのカスタマイズでは、大きさを 1×1以上（width:1 height:1)を指定します。
サイズは、objectタグコードの場合左下、iframeタグコードの場合右下を基点とした長さです。
高さは自動計算の後、修正可能です。
・サイズが30×25の場合、映像は無く「再生／停止」ボタンのみの埋め込みコードが作成されます
（objectタグコードの場合のみ）。
（サイズが30×25の実例。color1=0xff00ff-Magentaマジェンタ color2=0xffff00-Yellow黄色）
（実際に動作します）
・映像も、「再生／停止」ボタンもない埋め込みコードを作成したい場合は、サイズを1×1にします。
②埋め込みコードが、「iframeコード」の場合、 ⑦コントロールバーの色は指定できません。

再生リストの例(デモ：３つの動画）

<iframe width="480" height="270" 
   src="//www.youtube.com/embed/LGG3BS88YMQ?rel=0&loop=1&autoplay=1
   &playlist=dNq2ZbTifkY,AqKgMP2QhNk" 
   frameborder="0" allowfullscreen></iframe>

（説明）下の入力例は、３枚の動画の再生リストの場合です。

・・・

④画面外枠やコントロールバーの色color1とcolor2の関係は次のようになります。(objectコードの場合）

(上図の説明：図は外枠を付けるた例です） ※画面の外枠に色を付ける機能は廃止になりました

・color1
画面の境界線(外枠）のメインカラー（①）および
コントロールバーの境界線(枠）のカラー（②）
（例はff00ff：Magenta　マジェンタ）
・color2
画面の境界線(外枠）のサブカラー（③）および
コントロールバーの背景のカラー（④）
（例はffff00：Yellow　黄色）
YouTUbeで非対応のobjectコードの場合に指定できない３つのパラメータは、つぎのとおり生成します。

・動画が終わったら関連動画を表示するは、"非表示"。
・プレーヤーのコントロールを表示するは、"表示"。
・動画のタイトルとプレーヤーの操作を表示するは、"表示"。
▽YouTube 埋め込みプレーヤーとプレーヤーのパラメータ詳細URL（Google)
　　https://developers.google.com/youtube/player_parameters?hl=ja#Manual_IFrame_Embeds
iframeコードの埋め込みプレーヤでコントロールバーやタイトルを画面の外に表示する方法
コントロールバーやタイトルを画面の外に表示するには、縦サイズheightを変更調整します。
(計算方法）
先ずは、横サイズを決め、つぎの計算式により、縦サイズを計算します。w：横サイズ、h：縦サイズ。
・計算式：539×390＝w×h より、横サイズh＝390×w÷539
横サイズが480のときは、縦サイズh＝390×480÷539＝３４７（小数点以下四捨五入）となります。
そして、作成した埋め込みコードの縦サイズを修正します。この動画の標準サイズは、横サイズ480のとき縦サイズは270です。
```
<iframe width="480" height="347" 
   src="https://www.youtube.com/embed/YiB3lwTs_9A?rel=0"
   frameborder="0" allowfullscreen>
</iframe>
```

動画関連サイト内リンク

最終更新日：2017.8.12

メール mailto：

掲示板