wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog Tutorials WordPress Add Video To Post

Tutorials

WordPress Add Video To Post

Last updated on February 18, 2017
Posted on October 11, 2010

How to add any videos (can be from YouTube, Vimeo, Viddler or any other sources) to your WordPress post without installing video plugins.

When i first started to blog with wordpress, i used to embed video via its URL by clicking “Add Video” button whenever i wrote a post.

The result would be, it only gave me a link to the video where it is hosted and not the video itself.

Quite disappointing when we do something incorrect. So this tutorial is going to guide you, how we can embed html code or iframe code from YouTube video. If you want to add YouTube video in sidebar, check this video tutorial.

Note, usual YouTube video code will give you lots of w3c error codes. Well, i do care about how clean my code is, so i also care about error.

Unclean html coding error will cause your site looks different when it’s renderred by different browser platforms.

But you don’t have to be worried, there are tons of popular websites have tons of coding errors as well, it is not a big deal for some people.

Steps adding Video to wordpress post.

1. In your post box, click “HTML” tab. This will enable you toΒ  add any html code, including video embedding codes.

HTML Tab.

2. Go to YouTube to add the video you like (careful with copyright thing) and click “<Embed>” button, under the video, bottom right.

Click Embed button.

3. It will then generate some embedding codes, now, you can leave it as it is, or customize. I personally will customize it:

Customizing embedding code.

I only check, “Play in HD”, if the video can be played in HD.

Check, “Use iframe embed code (beta)”, because this code is validated in W3C.

Copy the code.

4.Paste the code in your post (still in HTML tab).

  • Is my site loading fast? I use this shared hosting
  • Try my theme >

5. Edit the size, which says, width, and height.

Editing Width, and Height.

6. Click “preview”, “Publish” or “Update”.ο»Ώ

Video:

code embed Video Wordpress youtube

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← Change Link Color WordPress
→ Rename “Home” Twenty Ten’s Tab

Comments

  1. Davina says

    October 12, 2010 at 4:51 pm

    This was a very timely video as I was struggling to upload my video to my blog. It is now there and a big thank you to Kimi. She has packed a wealth of knowledge into her blog, definitely someone to follow.
    Davina

    • Kimi says

      October 12, 2010 at 11:14 pm

      Hello Davina!

      Thank you for the nice words, I really hope that this blog can help other WordPress newbies too.

      Greetings,

      Kimi.

  2. Mary says

    October 12, 2010 at 10:19 pm

    when I add videos to my post, I always get problems. I see many codes there. I do not understand that codes. Thank you for this post. Especially iframes sometimes dont work.

    • Kimi says

      October 12, 2010 at 11:21 pm

      Hello Mary,

      To me, it is always working.

      The reason why i use iframes, it is validated in W3C, but of course you can choose the old embedding code too for an alternative.

      Thanks for coming again! πŸ˜‰

  3. Oscar says

    October 12, 2010 at 11:38 pm

    Wow you give allot of great information. I found your website through ( how to remove author from twenty ten) The walk through was precise and i had the author removed but left the date, in like 2-3 mins. I had been searching for that tutorial for days. you must be good at css. I am beginner blogist and want to use wp-robot , do you recommend i use All In One SEO Pack????

    • Kimi says

      October 13, 2010 at 7:43 am

      Hey Oscar,

      I am actually a really beginner of CSS learner πŸ˜€ I am sure those who are good at CSS will notice it.

      I am glad that the post could help you.

      Yes, absolutely installing All In One SEO Pack is a must if you build a wordpress blog, autoblog is included.

      There are also premium SEO plugins you can buy, but All In One SEO Pack is free and works well.

      Thanks for coming by, and don’t be hesitated to ask if you have any more questions.

      • Oscar says

        October 13, 2010 at 4:23 pm

        Hello
        What other plugins do you use? I really hope you just use the 3 you mentioned in your other post. I really like to kiss (keep it short and simple) To much information or to many plugins and a beginner can get overwhelmed. Hopefully the 3 you mentioned where the most important, but please let me know what you think. I am using quick addsense for my addsense adds. what do you use? do you use one over all plugin for all your adds addsens or not?

        lastly how can i get a contact page in my twenty ten theme, i want to have the e-mail form where people can contact me?

        sorry for so many questions please help. πŸ™‚

        • Kimi says

          October 13, 2010 at 5:04 pm

          Hello Oscar,

          I use 16 plugins so far, i will post it someday soon.

          The three that i mentioned in the post are the essential plugins i use, and the other you can find in these posts:

          https://www.wpvidz.com/secure-wordpress-part-1/

          The rest, i will post someday soon.

          Almost forgot, for contact page, you can use Contact Form 7 or Secure Contact Form plugins, those are the most popular and i use on my other blogs as well. For this blog, i use Secure Contact Form

          Adsense: I don’t use any plugins for it.

          Subscribe if you like, it is free, and delivered by google feedburner..

  4. Oscar says

    October 13, 2010 at 4:24 pm

    you can shoot me an e-mail if you would like as well.

    Thank you so much.

    • Kimi says

      October 13, 2010 at 4:59 pm

      Thanks!

  5. DailyTechPost says

    October 15, 2010 at 4:12 pm

    Nice write up, thanks for sharing πŸ™‚

    • Kimi says

      October 15, 2010 at 11:14 pm

      Most welcome!

  6. Rammesh Perumal says

    October 17, 2010 at 5:28 am

    Hi Kimi!

    I just stumbled with your blog today, nice blog. A lots of juicy info. Your video tutorial surely will help newbies. Have a great day!

    • Kimi says

      October 17, 2010 at 7:58 am

      Hey Rammesh,

      Thank you for visiting my blog, and stumbled it πŸ˜€

      I hppe it can really help other newbies, and it is actually helping too, because i am learning it as well.

      Thanks for your nice words.

  7. Rammesh Perumal says

    October 17, 2010 at 10:05 am

    You are most welcome Kimi, hope you are enjoying your weekend πŸ™‚

    • Kimi says

      October 17, 2010 at 5:38 pm

      You too =D

  8. Mig says

    November 16, 2010 at 6:44 pm

    Hi
    I noticed that the code for inline doesn’t validate in w3 HTML. Is there anything I have to do to get it validated?

    Thanks

    • Kimi says

      November 16, 2010 at 7:13 pm

      Mig,

      I have stated in my post, we should use “iframe” code to validate the code.

      Hope this helps πŸ™‚

      • Mig says

        November 16, 2010 at 7:29 pm

        Yea, I used iframe. I changed my DTD to XHTML Transitional and removing type=”text’html” from iframe code fixed it for me. I had Strict and it gave me like 8 errors from that code.

        Thanks!

        • Kimi says

          November 16, 2010 at 8:14 pm

          I used iframe too Mig.

          Glad you got it fixed.

          Regards.

  9. fatih says

    January 28, 2013 at 1:13 am

    Thanks!

  10. Lawrence Abiodun says

    February 28, 2013 at 12:45 pm

    I am very happy landing here today, because this wonderful tutorial has really helped me. Now I can simply embed a video in my wordpress post.
    Thanks!

Trackbacks

  1. Tweets that mention Wordpress Add Video To Post -- Topsy.com says:
    October 12, 2010 at 7:50 am

    […] This post was mentioned on Twitter by ICT Trends, MrsMoody. MrsMoody said: @MrsMoodyGermany WordPress Add Video To Post http://goo.gl/fb/seoJ1 […]

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • WordPress CDN setupWordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • WordPress Google maps in contact pageHow To Add Google Map in WordPress Contact Page
  • The configuration of YouTube Subscribe button in Google Developers web pageHow To Add YouTube Subscribe Button To WordPress Website
  • Adding Social Media Links to WordPress Menu With CSS Classes
  • Unable to create directory wp-content/uploads in WordPress
  • Forward Twitter to Facebook Using App and Feedburner Tutorial
  • Kitchen Sink WordPress - Seem Simple But Important
  • Admin Pointers, Drag and Drop WordPress 3.3 Media Upload Features
  • How to sell ebook in a wordpress blog?
  • Check your site's performance using Google labs Page Speed

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept