1 October 2013

How to embed YouTube videos into your Blogger blog posts ~ YouTube videos not showing or displaying on Blogger blog posts (with illustrations)


One thing I noticed recently is many bloggers (on the Blogger platform) complaining of YouTube videos uploaded by them not showing or displaying properly on their published blog posts, i.e. either a black square or nothing at all is displayed in the space where the video ought to be.  Well, I'm here to share with all a fool-proof way of posting YouTube videos so that they display properly every time.

 There are actually two ways of posting YouTube vids onto your posts.  The first is the easy way, where at your "New Post" screen, you simply click the "Insert a Video" button located above the text box and follow the instructions.  Problem is, YouTube videos uploaded using this method don't always show or display properly on published posts as I've described above.

 The other method - which I'm going to share with you now - is to embed the YouTube video into your post by copying its HTML script (or embed code) onto your draft write-up.  Now, I know many bloggers shiver at the mere thought of having to fiddle with HTML scripts - yours truly included - but believe me, this is really easy and takes no more than two minutes to complete.  Ready?  Here we go.
1.  Go to YouTube and search for the video which you'd like to post on your blog.  Just beneath the YouTube video (see Diagram 1), you'll see a "Share" button which I've circled here in bright yellow.  Click on the button and proceed to Step 2.

Diagram 1

2.  After you've clicked on the "Share" button in Step 1, a screen as per Diagram 2 below will appear.  Click on the "Embed" button beneath the video (circled in yellow) and proceed to Step 3.
Diagram 2

3.  After clicking the "Embed" button, the video's HTML script - or embed code - will appear (circled in Diagram 3).  Copy this code and proceed to Step 4.


Diagram 3


4.  Refer to Diagram 4 below.  At your blog's "New Post" screen:-

- Click on the "HTML" button near the top left of your screen (smaller circle).

- Then paste the HTML script/embed code which you copied earlier in Step 3 onto the space where you want the YouTube video to appear on your finished article (larger circle).  Proceed to Step 5.

Diagram 4


5.  Now click on the "Compose" button (circled in yellow in Diagram 5).  If you'd performed Steps 1 to 5 correctly and in that sequence, a screenshot of the video should appear (in this instance, Slash from Guns N' Roses doing what he does best).  This means you've successfully embedded the YouTube video into your blog post.  You can now proceed to input your text and finish writing your post as usual.

That's it; you're done!

Diagram 5


Do give it a go, but I'd appreciate it if you'd please let me know whether or not you're successful by leaving a comment at the end of this post.  I hope you find what I've shared here useful - or at least, informative.  Feel free to share or disseminate this post by creating a link on your blog or website.... but no copying please.  Thank you and good luck.


This blog post is neither an advertisement for nor a representation of any third party brand names contained herein; expressly or otherwise.


 Help me share this all over the internet
Labels: ,

68 comments:

  1. Anonymous29 August 2013 at 07:19

    Thanks for posting this article,Mr.Quek!

    ReplyDelete
  2. lumina20 October 2013 at 02:40

    Thank you! This solved the annoying issue for me very quickly!

    ReplyDelete
  3. BisaNation25 October 2013 at 06:03

    This was sooooo helpful! Thank you!x

    ReplyDelete
    Replies
    1. Vincent Quek23 December 2013 at 19:14

      No worries, Bisa, Thanks for letting me know.

      Delete
  4. RCC Tennis8 November 2013 at 22:50

    When I embed it does it as a vertical video and cuts off half the video.

    ReplyDelete
    Replies
    1. Vincent Quek23 December 2013 at 19:14

      It'll be a full video RCC Tennis; as you'd see it on YouTube.

      Delete
  5. Unknown3 December 2013 at 02:38

    this is not working with the current blogger system . the compose part is no longer there

    ReplyDelete
  6. Unknown23 December 2013 at 09:11

    Thank you so much! This helped alot!!!

    ReplyDelete
    Replies
    1. Vincent Quek23 December 2013 at 19:16

      Pleasure's mine, Jae. Thanks for the feedback.

      Delete
  7. Unknown27 January 2014 at 22:26

    Sadly this didn't help me. The space where the video should be shown is still white. Or well worse actually, the space is gone, the text seems to have taken its place.

    ReplyDelete
  8. CR7 BASE22 August 2014 at 23:04

    i have another HTML code present in Edit HTML...then its not working..video is not showing like yours..

    ReplyDelete
    Replies
    1. Vincent Quek19 September 2014 at 15:15

      I've just tried again and it's working okay. Do try again and let me know. Thank you.

      Delete
  9. Contributors18 September 2014 at 19:40

    Thank you bro.....Im was looking for this article.

    ReplyDelete
    Replies
    1. Vincent Quek19 September 2014 at 15:14

      Hey, no worries, Yenny. Glad to be of assistance.

      Delete
  10. Seb Palmer12 October 2014 at 19:08

    This doesn't work for me: YouTube as I see it (on iPad & iMac) doesn't have a 'share' tab at all, it has a funny little icon (three dots joined by two little lines), and when you click on that there is no 'embed' option (or window containing embed code) at all. I've also tried copying and pasting the URL for the video, both into the 'compose' & the 'HTML' modes of Blogger, but this only results in my blog showing a bit of code, and not the video itself. I'm really frustrated with this, as almost everyone posting on this topic suggests the 'share > embed' method, which is something I used to use myself, but is no longer a viable option, as YouTube (at least as it appears on my Apple gear) simply doesn't give these options.

    ReplyDelete
    Replies
    1. Seb Palmer12 October 2014 at 20:38

      Oops... Forgot to hit 'notify'!

      Delete
    2. Vincent Quek12 October 2014 at 21:22

      Hi there, Seb. Thanks for leaving a line. For starters, I'm not in Mac, so I didn't know about this issue UNTIL I tried it on a friend's iPad after I read your comments. Sure enough, there isn't a share option. In fact, there's nothing remotely similar. I'm afraid I can't shed more light on what you've just brought up here. Maybe I ought to mention in my post that this method only works on Windows. Very many thanks nonetheless for telling me.

      Delete
    3. Ephi12 December 2014 at 06:08

      Seb,
      I experienced the same issue as I updated blog / view youtube on my ipad, but there is a way around it. From searching, I found the info below which worked great for me:
      "from the youtube home page I had to click on the triple horizontal bar icon on the left side of the page and then still on the left side of the page scroll down to the bottom where it says Desktop and click on that. Then the desktop version of Youtube will appear and then you can find the Share and Embed words to click on after selecting/watching a particular video."

      Delete
  11. Anonymous13 February 2015 at 02:03

    Thanks it is working now. But when I open that blog in mobile, it is not working. It gives me following message, "Couldn't load plug-in." Please help.

    ReplyDelete
  12. The Health-Minded16 April 2015 at 02:21

    It worked! Thanks.

    ReplyDelete
  13. The Health-Minded16 April 2015 at 02:22

    It worked! Thanks.

    ReplyDelete
  14. Albertha's domain9 May 2015 at 14:11

    This comment has been removed by the author.

    ReplyDelete
  15. Carolyn9 June 2015 at 12:38

    Your article was very helpful! Thanks so much for the very very clear description of each step!

    ReplyDelete
    Replies
    1. Vincent Quek30 September 2015 at 20:02

      Glad to be of help. And thanks for dropping a line.

      Delete
  16. The Peak @ Cambodia25 August 2015 at 15:12

    This comment has been removed by the author.

    ReplyDelete
  17. watchescave30 September 2015 at 12:29

    This was seriously helpful! Thanks Man!

    ReplyDelete
    Replies
    1. Vincent Quek30 September 2015 at 20:00

      Hey, no worries, guys. Fantastic watches and nice video you have there.

      Delete
  18. Unknown21 November 2015 at 02:18

    it works but the image is another

    ReplyDelete
    Replies
    1. Vincent Quek21 November 2015 at 21:40

      Thank you for your feedback, Amanuel. The image is actually defined by the YouTuber who posted the video.

      Delete
  19. Anonymous14 December 2015 at 19:35

    nice article..very helpful indeed..thanks

    ReplyDelete
  20. Unknown11 January 2016 at 12:54

    i appreciate it Vince

    ReplyDelete
    Replies
    1. Vincent Quek16 January 2016 at 11:05

      Hey, glad to help, Harry. Thanks so much for leaving a line.

      Delete
  21. farbror Henke20 January 2016 at 01:19

    This totally solved my problem. THANKS!!

    ReplyDelete
    Replies
    1. Vincent Quek22 January 2016 at 11:02

      Happy to hear that, and thanks for letting me know. Most appreciated.

      Delete
  22. Unknown1 February 2016 at 08:55

    Worked like a charm, now my business video is in place. Thanks

    ReplyDelete
    Replies
    1. Vincent Quek3 March 2016 at 11:10

      Thanks for the feedback, guys. Glad it worked for you.

      Delete
  23. Pebble$5 February 2016 at 00:22

    Thank you so much this helped, I was about to do another usual post of image and text until I thought hey I can share the video so it's more interactive. This should hold me until I get more comfortable with coding.

    ReplyDelete
    Replies
    1. Vincent Quek3 March 2016 at 11:09

      Happy to help, Pebbles. Great looking blog you have there. Well done.

      Delete
  24. hackerapollo9 February 2016 at 04:34

    Thanks a lot.

    ReplyDelete
    Replies
    1. Vincent Quek3 March 2016 at 11:08

      You're welcome, Apollo. Hope it worked for you.

      Delete
  25. Unknown2 March 2016 at 08:50

    Thanks bro!!! no one explained it like you did. it worked like a charm

    ReplyDelete
  26. Unknown2 March 2016 at 08:50

    Thanks bro!!! no one explained it like you did. it worked like a charm

    ReplyDelete
    Replies
    1. Vincent Quek3 March 2016 at 11:07

      Hey, too glad to help, Sam. Thank you for the feedback; much appreciated.

      Delete
  27. Unknown17 April 2016 at 20:26

    uploading video to blogger https://youtu.be/4ZDAa-4n5OQ

    ReplyDelete
  28. Unknown22 April 2016 at 15:15

    Just to say a big thank you for this tutorial. It was quite helpful. Regards from Nigeria.

    ReplyDelete
  29. Sarah30 April 2016 at 02:09

    Well that was easy! Haha. I feel silly for not already knowing how to do this :)

    ReplyDelete
  30. Unknown14 October 2017 at 16:46

    i embeded youtube video into my blog but the posts with videos did not appear on home page.

    ReplyDelete
  31. johnnymorgan8 July 2019 at 17:27

    Thanks for giving this tip! Actually I was struggling to add videos in my posts. This give me a great solution to embed videos in the posts.

    ReplyDelete
  32. Data Science Training 31 August 2020 at 15:07

    Really interesting post. I was looking for this kind of information and enjoyed reading this one. Keep posting. Thanks for sharing.
    Data Science Course Training in Hyderabad

    ReplyDelete
  33. Farhan.Jee21 October 2020 at 03:01

    The process of collecting, measuring, analyzing, and reporting the web data in order to understand the web usage behavior of people. data science course syllabus

    ReplyDelete
  34. Ashok14 November 2020 at 01:12

    Really nice and interesting post. I was looking for this kind of information and enjoyed reading this one. Keep posting. Thanks for sharing.
    data science course in India

    ReplyDelete
  35. 360DigiTMG17 November 2020 at 16:33

    Very great post. I just discovered your blog and needed to state that I have truly appreciated perusing your blog entries. Any way I'll be buying in to your feed and I trust you post again soon.
    data scientist training

    ReplyDelete
  36. Ashok21 November 2020 at 01:17

    Really nice and interesting post. I was looking for this kind of information and enjoyed reading this one. Keep posting. Thanks for sharing.
    Artificial Intelligence Course

    ReplyDelete
  37. PakWorld26 November 2020 at 18:59



    Some of the most successful ABS-CBN programs from the 1990s up to the present
    bear his imprint — from “Showbiz Lingo”, “The Buzz”, lambingan - Watch your favorite Pinoy Tambayan, Pinoy Teleserye Replay, Pinoy
    TV Series and Pinoy TV Shows online for free! “Today With Kris”, “Game Ka Na Ba?”, “Mula
    Sa Puso”, “ASAP” and recent hits “May Bukas Pa”, “Tayong Dalawa”, “Walang Hanggan” and “Ang Probinsyano”.

    ReplyDelete
  38. capital mags19 December 2020 at 03:31

    Hatta is an ancient town located from a one hour drive from Dubai City. Having said that, the town is full of breathtaking views, mountains, parks, etc desert safari dubai deals.

    ReplyDelete
  39. Hatta tour1 January 2021 at 02:13

    Hatta Mountain Safari deals offering you affordable tour, of Hatta mountain tour over the seven Emirates of UAE. It is located in the East of Dubai. Our deal includes the beauty of the Hajar Mountains and Old Hatta Village charm.Hatta in uae map

    ReplyDelete
  40. 360DigiTMGNoida16 February 2021 at 19:06

    I am reading your post from the beginning, it was so interesting to read & I feel thanks to you for posting such a good blog, keep updates regularly.I want to share about data science certification in noida

    ReplyDelete
  41. flirter22 March 2021 at 13:48

    AWKWARD EPIC PHOTO FAIL OF 2021 Thanks for a very interesting blog. What else may I get that kind of info written in such a perfect approach? I’ve a undertaking that I am simply now operating on, and I have been at the look out for such info.

    ReplyDelete
  42. Desert Adventure1 May 2021 at 04:23

    Desert safari deals top Tour Activities in the Dubai Desert. The Evening Desert Safari is the most exciting and favorite activity trip for the millions of travelers who visit Dubai every year. Quad bike safari is the ultimate entertainment for adventure lovers who want to experience extreme time on the desert sands.
    Evening Desert safari deals and prices start from 45 AED. BBQ Dinner Buffet and more

    ReplyDelete
  43. trainingcourses12 July 2021 at 13:30

    Thanks for such a great post and the review, I am totally impressed! Keep stuff like this coming.
    Best Data Science courses in Hyderabad

    ReplyDelete
  44. organic_alexa2 August 2021 at 23:57

    you have got an amazing blog here! would you wish to make some invite posts on my weblog? https://www.buyyoutubesubscribers.in

    ReplyDelete
  45. data scientist course in delhi26 August 2021 at 14:52

    Extremely overall quite fascinating post. I was searching for this sort of data and delighted in perusing this one. Continue posting. A debt of gratitude is in order for sharing. data analytics course in delhi

    ReplyDelete
  46. data science2 September 2021 at 13:00

    Great to become visiting your weblog once more, it has been a very long time for me. Pleasantly this article i've been sat tight fosuch a long time. I will require this post to add up to my task in the school, and it has identical subject along with your review. Much appreciated, great offer. data science course in nagpur

    ReplyDelete

Subscribe to: Post Comments (Atom)