DreamweaverにYouTubeを埋め込む

インラインフレームにビデオを配置すると、DreamweaverはYouTubeの映像を埋め込みます。 あなたはこれらのフレームを作成するためにHTMLコードの多くの知識を必要としません。 YouTubeは、公開されているビデオの下から選択したオプションを組み込んで、必要なコードを作成しています。 その結果、外部でホストされているビデオをWebサイトに簡単に表示できます。 これにより、ビデオを自分でホスティングすることによる帯域幅のコストを節約しながら、自分のWebサイトを自由に利用できます。

1。

ブラウザで埋め込みたいYouTubeビデオに移動します。

2。

動画の下にある[共有]ボタンをクリックします。 ポップアップテキストに「このビデオを共有または埋め込む」と表示されます。 ビデオの下に新しいペインが開きます。

3。

新しいウィンドウ枠の[埋め込み]ボタンをクリックします。 ペインが開きます。

4。

埋め込みビデオに必要なサイズを選択します。 YouTubeには、560 x 315ピクセル、640 x 360ピクセル、853 x 480ピクセル、1280 x 720ピクセルの4つの選択肢があります。 異なるサイズを設定したい場合は、これらの選択肢の右側にある「カスタム」とマークされたボックスに異なる幅と高さを入力してください。

5。

YouTubeがこれらの選択肢の上に表示するコードをコピーします。 たとえば、このコードは次のようになります。

6。

Dreamweaverを開きます。 ビデオを埋め込むWebページを開きます。

7。

画面左上の「デザイン」ボタンをクリックしてください。

8。

ビデオを挿入するページの領域にカーソルを置きます。

9。

画面左上の「コード」ボタンをクリックしてください。

10。

コピーしたコードを貼り付けます。

11。

もう一度「デザイン」ボタンをクリックしてください。 Dreamweaverは、埋め込まれたビデオを表すために灰色の長方形を挿入します。

先端

• ページを保存してブラウザで表示し、ビデオを見て、正しく埋め込んだことを確認します。