Skip to main content
#
SiteHatcher

Web Design and Marketing

Saturday, July 18 2015
How To Put A Video on Your Website or Blog
 

There are multiple benefits to adding videos to your website.

A few these benefits include:

  • Videos on your site will help your pages to get higher rankings with Google.
    • To get the full SEO benefit your YouTube account should be integrated with your Google My Business account. Contact me if you need help setting that up.
  • Video on your site will increase traffic to your site from additional sources
  • Videos are "sticky". Users engage and stay on your site longer. Increased engagement also helps with SEO.
  • Video is very shareable which will expand your reach.

For a sample video to embed, I'm going to use one of  Gary Vaynerchuk's YouTube videos. Keep in mind, you will get much more benefit from creating and uploading your own videos. When you upload your own videos to YouTube, you will need to optimize them. I'll go over that in another blog post.

How to embed a videohow to embed video

  1. Click on the Share button under the video.

  2. Click the Embed link.

  3. Click the Show More link.

    • Select the video size

    • I recommend that you check the box to enable player controls and show  video title and player actions. Do not check the box for show related videos. (There's no telling what could be shown)

  4. Copy the provided code.

  5. Paste the code on your blog or website. See specific instructions for SiteHatcher and WordPress.

How to paste the embed code on a SiteHatcher website

(If you're adding video to your blog page skip to instructions below)

  1. Add a component by clicking on the + sign
  2. Click Standard/HTML in right column
    (1 in image)
  3. Click on the HTML component
    (2 in image)
  4. Paste the embed code inside the html component.  

Note: You can also click on the Audio/Video in the right column, select the YouTube component and then paste in either the YouTube link or the embed code. Using the HTML is 1 less click and you can also paste in the embed code from Vimeo, Ustream, and others as well as YouTube.

Adding video to your blog

  1. Click on the Source button in the edit bar.
  2. Paste the embed code.
  3. Click button to Apply Changes.

How to paste te embed code on a WordPress website

  1. On the edit bar click on Text - see image.
  2. Paste the embed code.
  3. Click the Update button.

How to set your video to Autoplay

I don't normally recommend setting videos to autoplay, but here is the

  1. Paste the code
  2. Add &autoplay=1" after ?rel=0
  3. Be sure to put the " after the 1.

Example

  • Before adding autoplay <iframe width="560" height="315" src="https://www.youtube.com/embed/4fsYWXrGGcE?rel=0" frameborder="0" allowfullscreen></iframe>
  • After adding code for autoplay <iframe width="560" height="315" src="https://www.youtube.com/embed/4fsYWXrGGcE?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

Was this helpful? If so, share it!

Bonus!

For your inspiration, I embedded the code from above that I used as a demo. Watch Gary Vaynerchuk's 2 minute video below for inspiration to help you to be consistent in posting to you blog and adding videos as well.

Posted by: Craig AT 12:19 pm   |  Permalink   |  0 Comments  |  Email
Let me know if the content was helpful by sharing it!
Email
Twitter
Facebook
Digg
LinkedIn
Delicious
StumbleUpon
Add to favorites
    CONTACT
    SiteHatcher
    8000 Research Forest Dr
    Suite 115, #280
    The Woodlands, TX 77382
    CONNECT
    rss feedour facebook page linkdin
    SiteHatcher
    SiteHatcher creates websites that get results by integrating Search Engine Marketing, Social Media Marketing, and Email marketing. Good design get's results.