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.
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
Thanks for posting this article,Mr.Quek!
ReplyDeleteMy pleasure, sir/madam.
DeleteThank you! This solved the annoying issue for me very quickly!
ReplyDeleteI'm glad, Mina.
DeleteThis was sooooo helpful! Thank you!x
ReplyDeleteNo worries, Bisa, Thanks for letting me know.
DeleteWhen I embed it does it as a vertical video and cuts off half the video.
ReplyDeleteIt'll be a full video RCC Tennis; as you'd see it on YouTube.
Deletethis is not working with the current blogger system . the compose part is no longer there
ReplyDeleteIt's working fine, Muriuki. Do try again.
DeleteThank you so much! This helped alot!!!
ReplyDeletePleasure's mine, Jae. Thanks for the feedback.
DeleteSadly 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.
ReplyDeletei have another HTML code present in Edit HTML...then its not working..video is not showing like yours..
ReplyDeleteI've just tried again and it's working okay. Do try again and let me know. Thank you.
DeleteThank you bro.....Im was looking for this article.
ReplyDeleteHey, no worries, Yenny. Glad to be of assistance.
DeleteThis 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.
ReplyDeleteOops... Forgot to hit 'notify'!
DeleteHi 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.
DeleteSeb,
DeleteI 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."
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.
ReplyDeleteIt worked! Thanks.
ReplyDeleteIt worked! Thanks.
ReplyDeleteI'm glad. Thank you.
DeleteThis comment has been removed by the author.
ReplyDeleteYour article was very helpful! Thanks so much for the very very clear description of each step!
ReplyDeleteGlad to be of help. And thanks for dropping a line.
DeleteThis comment has been removed by the author.
ReplyDeleteThis was seriously helpful! Thanks Man!
ReplyDeleteHey, no worries, guys. Fantastic watches and nice video you have there.
Deleteit works but the image is another
ReplyDeleteThank you for your feedback, Amanuel. The image is actually defined by the YouTuber who posted the video.
Deletenice article..very helpful indeed..thanks
ReplyDeleteHappy to help.
Deletei appreciate it Vince
ReplyDeleteHey, glad to help, Harry. Thanks so much for leaving a line.
DeleteThis totally solved my problem. THANKS!!
ReplyDeleteHappy to hear that, and thanks for letting me know. Most appreciated.
DeleteWorked like a charm, now my business video is in place. Thanks
ReplyDeleteThanks for the feedback, guys. Glad it worked for you.
DeleteThank 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.
ReplyDeleteHappy to help, Pebbles. Great looking blog you have there. Well done.
DeleteThanks bro!!! no one explained it like you did. it worked like a charm
ReplyDeleteThanks bro!!! no one explained it like you did. it worked like a charm
ReplyDeleteHey, too glad to help, Sam. Thank you for the feedback; much appreciated.
DeleteYou're welcome, Apollo. Hope it worked for you.
ReplyDeleteuploading video to blogger https://youtu.be/4ZDAa-4n5OQ
ReplyDeleteJust to say a big thank you for this tutorial. It was quite helpful. Regards from Nigeria.
ReplyDeleteWell that was easy! Haha. I feel silly for not already knowing how to do this :)
ReplyDeletei embeded youtube video into my blog but the posts with videos did not appear on home page.
ReplyDeleteThanks 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.
ReplyDeleteThe process of collecting, measuring, analyzing, and reporting the web data in order to understand the web usage behavior of people. data science course syllabus
ReplyDeleteReally nice and interesting post. I was looking for this kind of information and enjoyed reading this one. Keep posting. Thanks for sharing.
ReplyDeletedata science course in India
Really nice and interesting post. I was looking for this kind of information and enjoyed reading this one. Keep posting. Thanks for sharing.
ReplyDeleteArtificial Intelligence Course
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
ReplyDeleteI 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
ReplyDeleteAWKWARD 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.
ReplyDeleteDesert 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.
ReplyDeleteEvening Desert safari deals and prices start from 45 AED. BBQ Dinner Buffet and more
you have got an amazing blog here! would you wish to make some invite posts on my weblog? https://www.buyyoutubesubscribers.in
ReplyDeleteWell-written and informative content. Keep sharing more with us. Thanks for sharing with us.
ReplyDeleteAI Patasala Data Science Training in Hyderabad
Thank you The foreign visitors need to apply for visa to Kenya online. That offers them fast and secure visa services. You also can check the al information regarding to visa here to get in the Kenya and offers fsat Kenya evisa processing time.
ReplyDeleteThanks for sharing excellent information. Keep sharing such useful information.. You can read about info related to FRRO through India evisa website. And apply for an efrro India.
ReplyDeleteWhat an outstanding post! “I'll be back” (to read more of your content). Thanks… An emergency visa to India that can be applied for and approved in a day or less for certain reasons. After confirmation of complete application, documents and full payment, Emergency Indian e-Visa can be obtained within 1 to 3 days.
ReplyDeleteI thought I was familiar with this blog, but after checking through some of the posts, I realized it's actually a brand new one to me. Anyway, I am definitely glad I found it and I will bookmark it and come back often. evisa for India are available online, fill the online form via Indian visa portal and submit all required documents and pay your visa cost.
ReplyDeleteAfter looking through some of the posts I realized it was a new blog for me. Anyhow, I am delighted I found it and will return soon. evisa for India, fill the online form via India visa portal and submit all required documents and pay your visa fee. And then travel in India.
ReplyDeleteHii,
ReplyDeleteThis is great and awesome post for me. i loved to read your blog. it's really-really amazing. thanks for inspired me by your blog.Buy YouTube Subscriber
Good morning everybody.. Your article is more useful for all the people. Thank you sir.. Many people query What is Indian visa service fee? Visa fee depends on your nationality and your visa duration. You can read all other information about the Indian e-visa on our India eVisa page. We have explained all requirement on our page....
ReplyDeleteWow you have nice content on your page. Your audience will enjoy it while they are read. Turkey visitors can apply e visa of Turkey online from anywhere in the world. The process is easy and convenient which saves your time & money.
ReplyDeleteThis Blog is very useful and informative.
ReplyDeleteData Science Course Online