| YouTubeを Webページへ挿入 |
*** 2021年用 使った例(共有URL部分は変更) ***********************
YouTube提供 共有URLの一例
https://youtu.be/jfiLVZcRNhU
1) 上の例でYouTube提供埋め込みコード（上の共有URLが挿入されている）。
<iframe width="560" height="315" src="https://www.youtube.com/embed/jfiLVZcRNhU"
title="YouTube video player" frameborder="0" allow="accelerometer;
autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
この埋め込みを使ったHPサンプルファイル名： youtubeUmekomiKihonSample.htm
2)数年前までは、YouTube提供埋め込みコードURLの末尾に?rel=0を加えると最後の関連動画表示を無にできたが、
現在は不可。 代わってLoop再生にすることで関連動画表示を無にできる。
このネット情報
https://wwg.co.jp/blog/12827
この方法によれば
HTMLコードのYoutubeのIDの最後に「?rel=0」の代わりに
方法： 「 ?loop=1&playlist=youtubeのID 」を追加します。
下図はネット上のサンプルで赤文字はネットでの動画ID(URL)
（旧 ?rel=0 方式を使った例）
<iframe width="560" height="315" src="https://www.youtube.com/embed/jfiLVZcRNhU?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
このHPファイル名： youtubeUmekomiSampleRel.htm
末尾に関連動画が表示する。
上の旧例を上図枠内のLoop方式に切り替えた例
HPファイル名： youtubeUmekomiLoop.htm
このＨＰサンプルは Loopするので末尾関連動画は表示しない。
2023年用
2023rabbit0.htm
http://www.ab.cyberhome.ne.jp/~take-abe/2023/2023rabbit0.htm
autoplayを cut
http://www.ab.cyberhome.ne.jp/~take-abe/2023/2023rabbitx.htm
上２つ差なし
さらに、 loop=0 にすると、関連動画が復活してしまう。
2023rabbitx.htmがよいようだ。
*********************************
さらに、「埋め込みコード」 周辺 をクリックすると、
・コントロール バー非表示： ?controls=0
・プライバシー強化（cookie 閲覧履歴を残さない）： allow="encrypted-media" ができる。また、
追加パラメータ（複数の時は&で繋げる）で
・自動スタート（スマホでは非動作）： ?autoplay=1
・YouTubeのロゴ非表示： ?modestbranding=1
などがあったが現在これが使えるか不明。
https://support.google.com/youtube/answer/171780?hl=ja
http://coogo.jp/youtube-parameter-appearance/
https://dekiru.net/article/15155/
埋め込みコードは時々変更されるようだ
動画単独表示の場合もこれらの埋め込み表示方法を使うと周囲のウザッタイ広告画像がなくなるのでスッキリする。
YouTube への投稿は、MP4, WMV などいろいろな形式が可能だが、Flash(.swf)を直接投稿することはできない。
Flashは他の 形式への変換が必要。
・YouTube作品によっては投稿者の意向で埋め込みできないことがある。その場合は 「このコンテンツはフレーム内で表示できません」
の表示となる。
