WordPress

YouTube動画の貼り付け方法と、終了時間を指定するカスタマイズ設定!

2018-09-07

 

ユーチューブ終了時間

 

Webサイトやブログの記事内で、YouTube動画の貼り付け方法の解説!

 

自分で撮影する動画などをブログ内に貼り付けすると、どうしても重たくなってしまいます。

重たいファイルがあると表示速度にも影響してきます。

サイト内に重たいファイルがあると、表示速度の低下から訪問ユーザーの離脱やSEO検索順位にも悪影響を及ぼして、良いことなんてコレっぽっちもないですΣ( ̄ロ ̄lll)ガーン

 

 

そこで、便利なのがYouTube動画を貼り付け・埋め込みする方法。

この方法なら、サイトの容量が重くなって表示速度が極端に下がる事もありません。

ブログ内で動画を見ながら解説する記事を作成する場合や、動画記事を作りたいときに便利な方法なので、是非YouTube動画の貼り付け・埋め込み方法を覚えといて実践してみてね。

 

 

スポンサードサーチ

YouTube動画の貼り付け・埋め込み方法

 

まずは普通にYouTube動画を貼り付けする手順です。

自分のサイト内に貼り付けしたい動画のページをYouTubeで開きます。

 

≪Hulu≫でアノ人気の海外ドラマや映画が見放題!今すぐ無料でお試し!

ユーチューブ貼り付け3

YouTube動画から「共有」を選択します。

共有」を選択したら、コードが表示されます。

このコードをそのままコピーするとこのような動画が貼り付けされます。

 

キレイに貼り付けされている事が確認できます。

この動画のように動画1本をまるまる貼り付けしたい場合は、この方法でOK

 

しかし、動画を見終わった後に関連動画が表示されたり、

動画の開始時間終了時間を設定したい場合は、少しカスタマイズする必要があります。

 

YouTube動画の貼り付け動画をカスタマイズ

上記で説明した方法と同じく貼り付けしたい動画のページから「共有」を選択します。

共有」を選択すると「埋め込む」の項目があるので、そちらを選択

 

ユーチューブ貼り付け

次の画面でカスタマイズ可能なカテゴリが表示されるので、好みで変更して上部に表示されているコードをコピーします。

開始時間:

貼り付けしたい動画の再生開始時間を選択できます。クリックして任意の数字を入力すると自動でコードが変更されるので、希望の再生時間を入力したらコードをコピー

 

動画終了時の関連動画:

動画が終了したときに関連動画を表示させるか or させないか。この項目のチェックを外すと、動画の終了時に表示される関連動画と、動画を一時停止させた時に表示される「その他」の動画も非表示となります。

 

プレーヤーのコントロール表示:

再生ボタン・停止ボタン・音量などの動画の下に表示されるコントロールボタンの表示 or 非表示です。プレーヤーを非表示にするとこんな感じになります⇓ ⇓ ⇓ 

 

動画のタイトルとプレーヤー操作:

動画のタイトルとプレーヤの表示 or 非表示が設定可能

この部分がタイトルです⇓ ⇓ ⇓ 

ユーチューブ貼り付け2

 

プライバシー強化モード:

動画再生をしない限り、訪問者に関する情報はYouTubeに保存されません。情報を元に、関連動画とか表示させる為のユーザー情報です。

 

 

YouTube動画の終了時間を指定する方法

カスタマイズで「共有」⇒「埋め込み」から開始時間は入力のみで簡単に設定が可能ですが、終了時間は記載がないッ・・・

 

という事で…終了時間を設定したい場合は、コピーしたコードに終了時間を記載する必要があります。

コードに記載ですが、コードとかわからない初心者でも簡単に出来ちゃいます!

 

 

開始時間を設定したYouTube動画のコードをみて説明していきます。

コチラが開始時間を(30秒)に設定した動画のコードです。

『<iframe width="560" height="315" src="https://www.youtube.com/embed/El6ZvFG_Ct0?rel=0&amp;showinfo=0&amp;start=30" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>』

動画再生を終了させたい時間を ● に入力して、貼り付けします。

『&end=

※ 設定する時間は、合計の秒数で計算して下さい。(例)1分30秒=90秒

この数字を に入力してstart=30の後に貼り付けします。

 

開始時間:30秒

終了時間:40秒

『<iframe width="560" height="315" src="https://www.youtube.com/embed/El6ZvFG_Ct0?rel=0&amp;showinfo=0&amp;start=30&end=40" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>』

これでOKです!

ワードプレスで貼り付けする場合は、『&amp;end= 』でOK

 

 

実際の開始時間と終了時間を指定したYouTube動画がコチラ⇓ ⇓ ⇓ 

関連記事やプレーヤーのコントロールをカスタマイズしたい場合は、チェック項目を指定した後に終了時間を追加してください。

ワードプレスでYouTube動画を貼り付け・埋め込みする場合の、細かい設定方法はコチラを参考にどうぞ!

▲ WordPressでYouTubeを貼り付けする方法

▲ WordPressでインスタグラム・Twitterを埋め込む手順

 

 

急上昇の記事

マシェバラトークラーバー

アプリ

【マシェバラ・トークアプリ】配信用ライバーで気軽にお小遣い稼ぎ!

2018/11/20    , ,

【女性必見】 お小遣い稼ぎが出来ちゃう。マシェバラトークアプリをご紹介!   ライブ配信で、報酬ゲット!ってゆーアプリです。 使い方や、どんなアプリなのかを徹底解説していきます! &nbsp ...

リップスアプリ

アプリ

【LIPS】コスメ・メイク好き女子必見の無料アプリ(リップス)とは…?使い方を徹底調査。

2019/5/27    , ,

  LIPS(リップス)   コスメ・メイク好きが、こぞって利用している無料アプリ LIPS(リップス) 美容系で有名なYouTuber、TikToker、インスタグラマーなどの多 ...

cartuneapp4

アプリ

CARTUNE(カーチューン)車好きが集まるSNSアプリ

2018/12/1    

CARTUNE(カーチューン)   車好きな人が集まるSNSコミュニティアプリのCARTUNE(カーチューン)   今までにも車関連のアプリやSNSといった車好きが集まるコミュニテ ...

女性人気アプリ

アプリ

女性に人気の話題アプリをまとめて紹介 / これがトレンド

女性向けに人気のアプリを まとめて紹介!!   スポンサードサーチ ■ 美容系アプリ LIPS(リップス) コスメ・メイク好き女子に人気の 美容アプリです。   最近ではローラさん ...

ホンネアプリロゴ

アプリ

【HONNE(ホンネ)】匿名の悩み相談ができるヒマつぶし無料アプリの使い方

2018/12/25    , , ,

誰か悩みを聞いてぇー 誰でもイイから、かまちょー 相談にのってぇー そんな時にバッチリなアプリ【HONNE】     「みんなの本音、覗きみちゃう」がキャッチフレーズな完全ヒマつぶ ...

アプリ

【ARINE(アリネ)】女性のための美容まとめ無料アプリ。使い方から評判などを解説!

2018/12/3    

キレイになりたい。 可愛くなりたい。 オシャレになりたい。 美容が大好き。 すべての女性の為の、美容アプリ【ARINE(アリネ)】   美容に関する全般(ヘア・メイク・コスメ・ファッション・ ...

よく読まれている記事

-WordPress
-, ,

Copyright© wright BLOG , 2019 All Rights Reserved.