YouTubeの動画を追加する

YouTube で公開されている動画や自分で YouTube にアップロードした動画を Google サイトに埋め込んで追加することができます。ここでは Google サイトでページに YouTube の動画を追加する方法について解説します。

※ YouTube の動画は「埋め込み」を使ってもページに追加することができます。詳しくは「HTMLコードおよびJavaScriptコードを追加する」を参照されてください。

(2022 年 04 月 30 日公開 / 2022 年 04 月 30 日更新)

YouTubeの動画を追加する

ページの本文に YouTube の動画を追加する方法です。ページの編集画面を表示してください。

YouTubeの動画を追加する(1)

画面右側にある「挿入」タブをクリックしてください。

YouTubeの動画を追加する(2)

「挿入」タブ画面の中にある「YouTube」をクリックしてください。

YouTubeの動画を追加する(3)

「ファイルの選択」ダイアログが表示されます。追加する動画を検索します。

YouTubeの動画を追加する(4)

検索ボックスにキーワードを入力し虫眼鏡アイコンをクリックしてください。

YouTubeの動画を追加する(5)

表示された検索結果の中で追加したい動画見つかった場合、動画をクリックして選択したあと「選択」をクリックしてください。

YouTubeの動画を追加する(6)

YouTube の動画がページに追加されました。

YouTubeの動画を追加する(7)

YouTubeプレイヤーの設定を行う

YouTube のプレイヤーに関する設定を行う方法です。設定を行うには追加した YouTube をクリックしてください。

YouTubeプレイヤーの設定を行う(1)

YouTube の上に表示された歯車アイコンをクリックしてください。

YouTubeプレイヤーの設定を行う(2)

「YouTube 動画の設定」ダイアログが表示されます。

YouTubeプレイヤーの設定を行う(3)

設定できる項目は「コントールを非表示」「進行状況バーの色」「全画面表示の許可」です。

「コントールを非表示」は「標準(進行状況バーをフェードアウト)」「画面からスライドアウト」「表示する」から選択できます。

YouTubeプレイヤーの設定を行う(4)

「進行状況バーの色」は「赤」と「白」から選択できます。

YouTubeプレイヤーの設定を行う(5)

「全画面表示の許可」は許可するかしないかを選択できます。

YouTubeプレイヤーの設定を行う(6)

今回は「進行状況バーの色」を「白」、「全画面表示の許可」はしないように設定しました。設定が終わりましたら「完了」をクリックしてください。

YouTubeプレイヤーの設定を行う(7)

それでは画面右上の「公開」をクリックして変更内容を反映させたあと、公開されたサイトへブラウザからアクセスしてみます。

あとで置き換えるコンテンツの種類を設定する(7)

ページに表示された YouTube の動画を再生します。変更を行う前はプレイヤーは次のように表示されていました。進行状況バーの色は赤で全画面表示のためのアイコンが表示されていました。

あとで置き換えるコンテンツの種類を設定する(8)

設定変更後は進行状況バーの色が白になり、全画面表示のためのアイコンが表示されなくなっていました。

あとで置き換えるコンテンツの種類を設定する(9)

このように追加した YouTube プレイヤーの設定を行うことができました。

YouTubeのサイズを変更する

YouTube はサイズを変更することができます。サイズを変更するには YouTube を一度クリックしてください。

YouTubeのサイズを変更する(1)

YouTube の左右や下に 5 つの ● が表示されます。この ● をドラッグすることでサイズを変更することができます。

YouTubeのサイズを変更する(2)

YouTubeのサイズを変更する(3)

なお Google サイトはすべてのコンテンツの横幅がグリッド上にぴったりおさまるように調整されます。 YouTube についても同様で、追加した YouTube のサイズはグリッド上におさまるサイズに調整されます。(詳しくは「セクション内のコンテンツのサイズ変更と位置の移動」を参照されてください)。

YouTubeを削除する

追加した YouTube の動画を削除するには、 YouTube の動画を一度クリックしてください。

YouTubeを削除する(1)

YouTube の動画の上のツールバーに表示されているゴミ箱アイコンをクリックしてください。

YouTubeを削除する(2)

YouTube の動画が削除されました。

YouTubeを削除する(3)

なお YouTube の動画が追加されているセクションを削除することでも YouTube を削除できます。

-- --

Google サイトでページに YouTube の動画を追加する方法について解説しました。

( Written by Tatsuo Ikura )

広告
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。