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を埋め込む手順

 

 

急上昇の記事

トークライバー画像

アプリ

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

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

ライブアプリ

アプリ 比較・まとめ

【2020年】最新の稼げるライブ配信アプリはどれ?

2020年11月現在、コロナ禍の影響もあり、自宅にいながらお小遣い稼ぎが可能なライブ配信アプリが物凄い勢いで普及しています。お小遣い稼ぎや副業としてアプリに参加している『ライバー』増えている一方で、自 ...

ビゴライブロゴ

アプリ

【BIGO LIVE】ビゴライブとは?稼げるライブ配信アプリの使い方を徹底攻略!

2020/11/27    , ,

ライブ配信アプリの中でも 稼げるライブ配信優秀なアプリ使いやすい操作が簡単 などと評判の良い 【BIGO LIVE】(ビゴライブ)   最近とにかくビゴライブの噂を耳にするので、どんなライブ ...

ショッピファイの公式サイト

インターネット

最近噂のShopify(ショッピファイ)とは…?使い方から費用まで

最近話題の『Shopify(ショッピファイ)』   皆様ご存じですか?   名前は聞いた事があるけど、細かいことまで知っているって人はまだまだ少ないのではないでしょうか・・・ &n ...

イリアムのロゴ

アプリ

人気でハマる人が続出…?ライブ配信アプリの【IRIAM】イリアム

2020/12/2    ,

誰でもキャラクターになってライブ配信を行うコトができる   【IRIAM】イリアム   一般的なよくあるライブ配信アプリでは、ライブ配信者が自分の顔をスマートフォンにかざして、テレ ...

よく読まれている記事

-WordPress
-, ,

© 2021 wright BLOG