YouTube 動画埋め込み方法

                                                            みはる野2丁目のホームページへ
No 手順 サンプル画面
YouTubeのサイトにアクセスする。
 
http://www.youtube.com/index
 
1 ログインする。
2 事前に登録した
・ユーザー名
・パスワード

を入力してログインをクリックする。

3 YouTubeのユーザー画面が表示される。
事前に登録したアカウントの
プルダウンメニューを表示する。
(右の小さな逆三角形をクリック。)
 
4 プルダウンメニューから
マイ動画を選ぶ
5 アップロード済みの動画画面からホームページに載せたい
動画を選んで

そのタイトルをクリックする。
6 載せたい動画が表示されるので
その下にある「埋め込みコード」
をクリックする。
7 埋め込むobjectのコードが表示される。

このコードをコピーする。

このとき
1.関連する動画を含める。
2.境界線(動画の表示枠)の
  色を選択。
のオプションが選べる

8 frontpage

ここから使用するツールの画面になる。

デザイン画面を表示する。

出来ればテーブル枠を作っておく。

埋め込みたい枠にカーソルを置く。

9 コード表示の画面に移る。

埋め込むテーブルに該当する
所にカーソルが表示される。
(デザインで指定したhtml表記に該当する場所)

10 先ほどコピーしたobjectをここにペストする。

赤枠内がマイ動画のobjectの内容です。

「<object>から</object>
   までが埋め込む動画のhtml表記の内容」

この内容を埋め込みたいところにコピーすればよい。

11 デザイン画面に戻る。

選んだ動画の
「YouTube」の画面が
表示される。
12 ホームページに埋め込まれた
マイ動画のサンプル画面です。
 ⇒ サンプル画面
13 ホームページビルダー
 

「ホームページビルダーヘようこそ」の画面で「スタンダード」を選択する。

新規ページを標準モードで開く

このモードには
1.ページ編集
2.HTMLソース
3.ページソース
4.プレビュー

がある。

14 表の挿入

左側の表の挿入をクリック。
2行1列の表を作成。

下段に動画の説明文等を入力する。

 

15 HTMLソースタグをクリック。

14の画面のソースを表示する。

16 7でコピーした埋め込みコードを
コピーする。

赤枠内の
<object>から
</object>までが

YouTubeの埋め込みコード。

17 ページ編集タグをクリックするとこのように表示される。
18 プレビューの画面で選んだ動画の内容が確認できる。