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

76 comments:

  1. Thanks for posting this article,Mr.Quek!

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

    ReplyDelete
  3. This was sooooo helpful! Thank you!x

    ReplyDelete
    Replies
    1. No worries, Bisa, Thanks for letting me know.

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

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

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

    ReplyDelete
    Replies
    1. It's working fine, Muriuki. Do try again.

      Delete
  6. Thank you so much! This helped alot!!!

    ReplyDelete
    Replies
    1. Pleasure's mine, Jae. Thanks for the feedback.

      Delete
  7. 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. i have another HTML code present in Edit HTML...then its not working..video is not showing like yours..

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

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

    ReplyDelete
    Replies
    1. Hey, no worries, Yenny. Glad to be of assistance.

      Delete
  10. 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. Oops... Forgot to hit 'notify'!

      Delete
    2. 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. 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. 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. This comment has been removed by the author.

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

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

      Delete
  14. This comment has been removed by the author.

    ReplyDelete
  15. This was seriously helpful! Thanks Man!

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

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

      Delete
  17. nice article..very helpful indeed..thanks

    ReplyDelete
  18. Replies
    1. Hey, glad to help, Harry. Thanks so much for leaving a line.

      Delete
  19. This totally solved my problem. THANKS!!

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

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

    ReplyDelete
    Replies
    1. Thanks for the feedback, guys. Glad it worked for you.

      Delete
  21. 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. Happy to help, Pebbles. Great looking blog you have there. Well done.

      Delete
  22. Replies
    1. You're welcome, Apollo. Hope it worked for you.

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

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

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

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

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

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

    ReplyDelete
  28. The recordings might be copyrighted that will boycott open generation. In any case, if the recordings are authorized under inventive basic, then you may make utilization of the substance for your recordings, with specific confinements which you ought to investigate.
    tubmate,

    ReplyDelete
  29. n the difficult economy we face today, new-age technology, such as computer technology, continues to increase in cost as education funds wane.
    showboxdownloadsapp.com

    ReplyDelete
  30. Consequently, the contest has grown so far above the ground that it is roughly unfeasible to be documented by anybody on YouTube. It is almost impracticable to turn out to be as well-liked as you always sought to be.
    how to get youtube views

    ReplyDelete
  31. I Will Provide Seo Blog Comment Service. & niche relevant blog comment service we provide a quality service with 100% Buyer satisfaction and My team Believed in Quality work not Quantity Contact me Now 24/7.

    ReplyDelete
  32. YouTube is used for various purposes including delivering silly stories, but you should never forget that these video channels can bring magical results to the online businesses. youtube views

    ReplyDelete
  33. This can be a easy in addition to low-cost way of promoting because no cost computer software in addition to old digital cameras are usually plenty of to generate a advertising video clip. viewgrip.net

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

    ReplyDelete
  35. Ensure that you have chosen the proper category for your video. If you are teaching something then assign your video to the 'how to' category. Don't worry if you feel you want to change it as you are allowed to do this at any time.
    YouTube Abonnenten kaufen

    ReplyDelete
  36. Wonderful article, thanks for putting this together!Listas This is obviously one great post. Thanks for the valuable information and insights you have so provided here.

    ReplyDelete
  37. YouTube is not just for entertainment. You can definitely make videos and use them to increase web traffic to your sites. youtube to mp3

    ReplyDelete
  38. YouTube grew bigger than sites such as Craigslist, eBay, MySpace and Blogger.com. A diverse selection of content is streamed from YouTube including concerts, TV clips, movies etc.
    buy youtube views

    ReplyDelete
  39. Nice post. I used to be checking continuously this blog and I am inspired! Very helpful info specially the last part. I take care of such information much. scannable id

    ReplyDelete
  40. How to upload video on YouTube But my question to you is, are you doing it right? Are your videos actually being found and watched? If not, this video how to upload video on YouTube is for you. I will show you how to properly upload a video to YouTube plus I will show you what YouTube deems as important. Let’s take a look. Ok to upload that video how to upload video on YouTube the first thing that you need to do is to sign in to YouTube.(https://www.popularfor.com/upload-video-youtube/)

    ReplyDelete
  41. I am very happy to discover your post as it will become on top in my collection of favorite blogs to visit. brsm

    ReplyDelete
  42. I was looking at some of your posts on this website and I conceive this web site is really instructive! Keep putting up.. YouTube mp3 Script

    ReplyDelete
  43. This is very nice post. Thank you for the valuable information.
    Click Here

    ReplyDelete
  44. Video marketing has gained momentum on the internet and YouTube is a great platform to market your videos. This article highlights the use of videos in SEO. vues youtube

    ReplyDelete
  45. Internet marketing YouTube traffic will result when you create some videos of your product or service. Video marketing is not expensive and YouTube hosting is free. youtube downloader link

    ReplyDelete
  46. Nice blog, I will keep visiting this blog very often. buy youtube views

    ReplyDelete
  47. This site gets millions of visitors each day and you could be attracting some of these visitors back to your website.buy youtube views

    ReplyDelete
  48. I took up a digital marketing course in Chennai just to make sure it helps me improve student intake for my spoken Hindi classes. Now, I am able to run campaigns, run social media Ads and expand my student base.Digital Marketing Course In Chennai

    ReplyDelete
  49. It can be broken down more further to see your absolute audience retention and your relative audience retention which shows how your video compares to other YouTube videos of similar length and will help you determine which length video best fits you.instagram likes for $1

    ReplyDelete