広告
公開日:2015.11.08

動画を埋め込んで強いアピール力を持つWEBページを作る


Warning: Illegal string offset 'title' in /home/xlab-official/www/xlab-online.com/wp-content/themes/all-in-one-media-XA/includes/cta/public/show.php on line 52

Warning: Illegal string offset 'content' in /home/xlab-official/www/xlab-online.com/wp-content/themes/all-in-one-media-XA/includes/cta/public/show.php on line 53

Warning: Cannot assign an empty string to a string offset in /home/xlab-official/www/xlab-online.com/wp-content/themes/all-in-one-media-XA/includes/cta/public/show.php on line 53

こんにちは!XLabの藤です。
前回のブログの、動画内にWEBサイトのリンクを貼ることができるカードはその後活用されているでしょうか? 今回は、前回とは逆にWEBサイトやブログ内にYouTube動画を埋め込む方法を案内します。

商品やサービスの紹介、説明などに動画を効果的に使うと、伝える内容の具体性が増し、WEBページを訪れる人にもっとリアルに伝えたい事を伝えられるというメリットがあります。

開始位置設定などのオプション設定も載せているので、このブログを読めば、あなたが運営するWEBサイトによりフィットする形で動画をアップロードできるようになるでしょう。それでは、動画の埋め込み方を見ていきましょう!

YouTubeの埋め込みコードを取得する

今回は、YouTubeの動画埋め込みコード出力機能を使って作業を進めていきます。
1.WEBサイトに載せたい動画のページを開きます。

2.動画下の「共有」をクリックし、表示された「埋め込みコード」タブを選択。
任意の動画のページ

3.「埋め込みコード」テキストボックスに表示されているコードをWEBサイトにコピーして動画を埋め込みます。このままでも使えるのですが、この画面内でカスタマイズができるので、コピーする前にもう少し見ていきましょう。埋め込みコードの下の「もっと見る」をクリックします。

4.動画のサイズを選択します。WEBサイトのページ構成から適切なものを選びましょう。
動画サイズの設定

5.下の画像のチェックボックスで設定できるのは、以下の4つです。
チェックボックス設定
・関連動画の表示
再生後に関連性の高い動画が表示・再生されます。こちらは、全く関係ない動画が表示されることも多いので、場合によってはチェックを外しても良いでしょう。
・プレイヤーコントロールの表示
表示すると視聴者は一時停止や音量、再生速度をコントロールできます。環境により音を出したくない人や一時停止をしたい人もいるので、表示する方が良いでしょう。
・動画タイトルとプレイヤーの表示
チェックを入れると動画タイトル、FBなどへの共有機能が表示されます。
・プライバシー強化モードの設定
チェックを入れるとこの動画では「cookie」を使用しない設定になります。

上記の設定内容に合わせて「埋め込みコード」の値が変化します。

6.設定が完了したら、埋め込みコードをコピーして、動画を載せたいWEBページの任意の場所にペースト! 今回はブログページにコードを記述します。
埋め込みコード

7.ブログページを更新すると、動画が埋め込まれていますね。
動画をWEBページに埋め込み
せっかくなので、もう少しカスタマイズしてみましょう!

動画の開始位置と終了位置を設定する

例えば再生時間の非常に長い動画の中の特定の部分を見てほしい場合、わざわざ動画を作り直すのは大変ですよね。そんな時は、パラメータの入力で簡単に設定してしまいましょう。
動画再生の開始・終了位置を設定

動画埋め込みタグ内の、動画IDのすぐ後ろに「?start=5&end=10」のように秒単位で値を入力します。関連動画を表示しない設定にしているなら、“rel=0”の後ろに“&start=5&end=10”。この場合は、10秒の時点から動画が始まり、15秒目で動画が終了します。また、開始位置だけ、終了位置だけの設定も可能です。

複数の動画を連続再生する

2つ以上の動画を連続再生する事も可能です。
複数の動画を連続再生
上記の、開始位置と終了位置のパラメータと同じ場所に連続再生の設定を入力します。動画ID(アルファベットと数字で構成の値)で動画を指定し、カンマで区切ると複数の動画を指定できます。

今回案内した設定以外にも、動画設定のパラメータは数多く存在します。動画を載せるページによりフィットするように設定をしていきたいですね。次回は、複数の動画をリスト化して整理できる「再生リスト」機能について案内します。お楽しみに!

avatar
執筆者:藤 勝行 (http://xlab.co.jp)

4年間経営した会社を倒産後、再度起業したインターネット広告代理店(エックスラボ)を3期目で年商約10億円グループにまで成長させる。集客をしたい中小企業の経営者や大手企業の担当者、同業他社までも参加するセミナーを開催する起業家。広告マン兼マーケッター。

この記事が気に入ったらいいねしよう!

最新記事をお届けします。

ソーシャルで記事を共有する

facebookでコメン卜する

記事にコメントを残すコメント数:32

※がついている欄は入力必須です

  1. Marpjeva 様より
    2020年11月16日 03:22

    PKm5vJOg TGmUX0 FagGG IBt6XL 0nwH www.google.com/161894

  2. П о д р а в л я е м ! П о л у ч и т е В а ш п о д а р о ч н ы й б и л е т Г О С Л О Т О : www.tinyurl.com/jouthduh SVWVE1764407JUYEGRT 様より
    2020年11月27日 08:54

    П о д р а в л я е м ! Л о т е р е й н ы й Б и л е т н а В а ш е и м я о к а з а л с я в ы и г р ы ш н ы м ! З а б е р и т е с в о й в ы и г р ы ш : www.tinyurl.com/jouthduh THRT1764407MTGJNF

  3. hyundai spare key cost 様より
    2021年01月05日 03:01

    Wohh just what I was searching for, appreciate it for posting. I love your website! https://local-auto-locksmith.co.uk/hyundai/

  4. auto locksmith nissan 様より
    2021年01月06日 01:07

    I really like looking at and I believe this website got some really useful stuff on it! https://local-auto-locksmith.co.uk/services/

  5. CELEXA price 様より
    2021年01月08日 11:12

    My spouse and i got now glad that Ervin could deal with his investigations through the ideas he got out of the web page. It's not at all simplistic to just choose to be giving freely key points that many other people have been selling. And we also fully grasp we have got the website owner to be grateful to for that. The entire explanations you have made, the simple site menu, the friendships you can give support to foster – it's got many fantastic, and it's really facilitating our son and the family imagine that the issue is entertaining, and that is particularly indispensable. Thank you for everything! https://asendinamoxapine.com/

  6. CELEXA no rx 様より
    2021年01月08日 18:51

    My husband and i ended up being comfortable Albert could carry out his analysis because of the ideas he acquired from your blog. It's not at all simplistic just to always be freely giving facts a number of people could have been making money from. And now we already know we've got the blog owner to appreciate because of that. All of the explanations you've made, the easy blog menu, the friendships you aid to create – it's all astonishing, and it's aiding our son and our family believe that that article is amusing, and that's exceedingly essential. Many thanks for all! https://asendinamoxapine.com/

  7. duloxetine buy 様より
    2021年01月08日 20:18

    I am just writing to make you understand what a outstanding experience my wife's girl obtained using your webblog. She noticed so many pieces, which included what it is like to possess an excellent helping spirit to let other people with no trouble learn specific specialized things. You truly surpassed readers' expected results. Thank you for providing these priceless, trusted, informative as well as fun tips about this topic to Lizeth. https://cymbaltaduloxetines.com/

  8. paxil no rx 様より
    2021年01月09日 10:51

    I'm commenting to let you be aware of of the beneficial discovery my child developed browsing the blog. She came to find a good number of details, including how it is like to have a great coaching character to get certain people completely comprehend a number of complex issues. You actually did more than her desires. I appreciate you for coming up with such effective, dependable, edifying and cool guidance on that topic to Emily. https://paxilparoxetines.com/

  9. quetiapine 様より
    2021年01月09日 21:44

    I am just writing to make you understand what a really good experience my wife's princess obtained using your webblog. She noticed some things, which included what it is like to possess an excellent teaching spirit to make others with no trouble learn about specific tortuous things. You undoubtedly surpassed readers' expected results. Thanks for providing those productive, trusted, informative as well as unique tips on your topic to Mary. https://seroquelquetiapine.com/#

  10. doxepin prices 様より
    2021年01月10日 15:32

    I simply wished to thank you very much yet again. I do not know what I would have used without those tips and hints shown by you relating to this theme. This has been the traumatic setting in my view, nevertheless viewing your well-written way you treated the issue took me to weep with joy. Now i am thankful for your work as well as wish you recognize what an amazing job your are undertaking training the others with the aid of your website. Probably you haven't met any of us. https://sinequandoxepin.com/#

  11. best Headache meds 様より
    2021年02月12日 02:52

    Thanks for your suggestions. One thing I've noticed is the fact that banks as well as financial institutions really know the spending routines of consumers as well as understand that many people max away their own credit cards around the vacations. They sensibly take advantage of this particular fact and begin flooding your own inbox as well as snail-mail box along with hundreds of Zero APR credit card offers right after the holiday season finishes. Knowing that if you're like 98% of all American open public, you'll leap at the opportunity to consolidate credit debt and move balances to 0 annual percentage rates credit cards. eeeedgj https://headachemedi.com – best Headache meds https://headachemedi.com/

  12. psoriasis meds 様より
    2021年02月22日 16:42

    Today, with all the fast life style that everyone is having, credit cards have a big demand throughout the economy. Persons coming from every discipline are using credit card and people who aren't using the credit cards have made arrangements to apply for one in particular. Thanks for expressing your ideas about credit cards. https://psoriasismedi.com psoriasis meds https://psoriasismedi.com/

  13. varicose veins drugs 様より
    2021年02月22日 23:40

    Today, considering the fast way of life that everyone leads, credit cards have a huge demand in the economy. Persons throughout every area are using the credit card and people who are not using the card have arranged to apply for 1. Thanks for discussing your ideas on credit cards. https://varicoseveinsmedi.com varicose veins drugs https://varicoseveinsmedi.com/

  14. myasthenia drugs for sale 様より
    2021年02月24日 05:16

    I am continually invstigating online for tips that can benefit me. Thanks! https://myastheniamedi.com myasthenia drugs for sale https://myastheniamedi.com/

  15. ClarkEmili 様より
    2021年03月01日 09:48

    u2k36 t4y5x u1x0

  16. sildenafil brand name 様より
    2021年04月04日 01:58

    buy sildenafil uk online https://eunicesildenafilcitrate.com/ sildenafil 25 mg price

  17. alprostadil topical cream 様より
    2021年04月05日 15:39

    alprostadil or yohimbine https://alprostadildrugs.com/ how to administer transurethral alprostadil

  18. generic tadalafil united states 様より
    2021年04月07日 13:33

    tadalafil daily use https://elitadalafill.com/ tadalafil 30 mg

  19. cheap vardenafil 様より
    2021年04月07日 15:02

    vardenafil grapefruit interaction https://vegavardenafil.com/ vardenafil generic

  20. Jeremy Szumny 様より
    2021年05月20日 05:41

    What is the best application for posting blogs or articles to my website?

  21. chloroquineorigin 様より
    2021年05月21日 19:59

    where to buy aralen aralen malarone buy chloroquine phosphate uk https://chloroquineorigin.com/

  22. avanafil 様より
    2021年05月26日 18:33

    buy avanafil usa avana 50 mg

  23. canada generic tadalafil 様より
    2021年06月05日 05:11

    tadalafil citrate tadalafil herbal substitute tadalafil side effects

  24. buy tadalis 様より
    2021年06月05日 06:43

    tadalafil troche where to buy cialis without prescription what is tadalafil

  25. cialis pills 様より
    2021年06月05日 17:56

    tadalafil powder suppliers buy cialis pills tadalafil mechanism

  26. conseil d'Г©tat 様より
    2021年06月07日 16:54

    natural chloroquine hydroxychloroquine sulfate australia sulfur effects on body

  27. hydroxychloroquin 様より
    2021年06月09日 03:43

    hydroxychloroquine drug chloroquine autophagy hydrochlorazine

  28. 2021年06月11日 19:06

    204898 898401I really like meeting utile info, this post has got me even more information! . 145687

  29. 2021年06月12日 15:35

    416903 955586Thanks for taking the time to discuss this subject. I truly appreciate it. Ill stick a link of this entry in my blog. 489973

  30. 2021年06月12日 17:48

    119565 849662What a lovely blog. Ill surely be back once more. Please preserve writing! 584045

  31. pharmaceptica.com 様より
    2021年06月22日 10:20

    tadalafil brands https://pharmaceptica.com/

  32. pharmaceptica 様より
    2021年06月27日 04:45

    chloroquine malaria https://www.pharmaceptica.com/

カテゴリー別で探す お悩みごと別でコンテンツを探す