中小企業・個人事業の簡単ホームページ作成ソフトならとりあえずHP

ご利用実績11000人突破!

ユーザー向け使い方サイトとりあえずHPNAVI

  • 30日無料体験のお申し込み
  • はじめて訪問された方とりあえずHP公式サイト
  • ユーザー向け使い方ガイドとりあえずHPナビサイト

とりあえずHPの使い方

上級編

目次に戻る

YouTubeの動画を記事に埋め込もう  記事に動画を埋め込む

このページは上級編となります。まずは初級編・中級編をマスターしてからご覧頂くことをおすすめいたします。焦らずじっくりと取り組んでいこう!

YouTubeにアップロードされている動画を記事に埋め込むことができます。

※動画をアップする方法は下記をご覧ください。
パソコンから動画をアップする

埋め込みたいyoutube動画のページにアクセス

YouTubeにアクセスし、埋め込みたい動画のページを開きます


動画のタイトル下にある、[共有]をクリックします
[埋め込みコード]をクリックします

タイトル下の[共有]をクリックすると、先に共有URLが表示されますが、
共有の隣の[埋め込みコード]をクリックします。

※ このとき、下部に表示される「動画の詳細設定」で [以前の埋め込みコードを使用する]の
  チェックが外れている
ことを確認してください。
 「以前の埋め込みコード」では、iPhoneなどで閲覧できないことがあります。

※ 動画の詳細設定が非表示になっている場合は[もっと見る]をクリックすると表示されます。
※ 動画のサイズは適宜調整することができます。

埋め込みコードをコピーします

※ コピーするタグをなぞるようにして選択し、マウスの右クリックを押して
  表示されるメニューから「コピー」を選択するとコピーすることができます。
※「Ctrl+C」でもコピーすることができます。(Macは「command+C」)

動画を埋め込みたいページを開きます

「とりあえずHP」の管理画面から[各ページの編集]をクリックし、

動画を埋め込みたいページを選択します。

埋め込みたい記事のHTMLソースエディタを開きます

動画を埋め込みたい記事ボックスの[HTML]ボタンをクリックすると、
別ウインドウが開きます。

3でコピーした「埋め込みコード」を貼り付けて[更新]

HTMLソースエディタが開いたら、動画を埋め込みたい場所に 3でコピーした「埋め込みコード」を貼り付けて[更新]をクリックします。 ここでは仮に、本文の下に貼り付けてみます。

※埋め込みたい場所にカーソルを合わせて、マウスの右クリックを押して表示される メニューから「貼り付け」を選択すると貼り付けることができます。

※HTMLソースエディタには‹s›〜‹/s›や‹br /›といった「HTMLソース」が
表示されています。削除しないようにお気をつけください。

表示を確認して[上記の内容で設定]をクリック

管理画面の記事ボックスに動画が表示されます。

表示を確認したら、忘れずに[上記の内容で設定]をクリックしましょう。

ホームページを確認します

[ホームページを確認]をクリックして、
実際に動画が表示されているかを確認してみましょう。

↑このページのTOP
  • ユーザー向け使い方サイトとりあえずHPNAVI
  • これってどうやるの?と思ったら使い方サポート
  • 問い合わせ前に必ずチェック!よくあるご質問
  • ユーザー同士でスピード解決!助け合い掲示板