How to Add a Video to Your WordPress Home Page

by on October 24, 2009 · 26 comments

A *lot* of people have asked me how to add a video to the home page of their WordPress website using the Expand2Web SmallBiz WordPress theme.

The SmallBiz Theme comes with a static home page by default since many business owners want that instead of the traditional list of blog posts on the home page. And many have figured out how to edit the HTML of the home page to replace the image with a video.

But there is an easier way…

Here is an easier way do to it – just create a new “Page” in WordPress, embed the video (I used a YouTube video in the example) and then add some minor styling tweaks for margins and you are all set!

This video walks you through how to do it step-by-step. Even though I describe how to do this with the SmallBiz theme, this could work for any WordPress theme.

Try it out, and leave me your questions or feedback in the comments below!

Update:Here is the code snippet I use in the video:
<div style="float:left; margin-right:15px; margin-bottom:10px;">
YouTube embed code here
</div>

Like what you read?

If so, please join over 10,000 people who receive exclusive weekly online business and blogging tips, and get a FREE COPY of my eBook, 10 Steps to Free Website Traffic! Just enter your name and email below:

Subscribe Now

Article by »

Don is an entrepreneur based in Silicon Valley. He founded Expand2Web and is the publisher of the Expand2Web Blog, the SmallBiz WordPress Theme and the GetFiveStars Customer Feedback and Reviews service.

Don has written 281 articles on Expand2Web

Author Connect » Twitter | | Facebook |

How The SmallBiz Theme Makes Your Business Website Way Better

If you're building a business website these days, you're in luck.

WordPress has revolutionized the ease and power of what a website can do and be. Now you can quickly create a website that is optimized for top search results, and update it yourself whenever you want.

As you'll see in a moment, the SmallBiz Theme is much more than a mere WordPress theme. It's a complete solution for your business web presence including a Website, Blog, Facebook Page and Mobile Website.

Let's take a look at each of these, and how they help you generate new business from the web…

Click to continue...

See my disclosure about advertising and affiliate links

{ 26 comments… read them below or add one }

Roger October 26, 2009 at 4:17 am

Don, the instruction for adding a video to your home page was just what many of us wanted. It was easy to follow and I now have video on my home page. Thanks!

Reply

Rob December 12, 2009 at 10:40 am

Don,

Could you please add the styling code in a comment, so it can easily be cut and pasted?

Thanks,
Rob

Reply

Thomas December 12, 2009 at 11:28 am

Really enjoy the tips and instruction!

Reply

Don Campbell December 14, 2009 at 11:51 am

@ Rob, sure, I’ll include it below. @Thomas, thank you!

<div style="float:left; margin-right:15px; margin-bottom:10px;">
YouTube embed code here
</div>

Reply

Tim Stickle December 25, 2009 at 7:38 pm

Don, thanks for all the info, but what if I’ve made the videos myself and DON’T want to use a video-sharing website (Youtube, Vimeo, etc.). I’m a videographer – with the need to advertise beyond just word of mouth – and I have created my own video clips of my work. How do I upload them to my Wordpress site WITHOUT using another vid-share site?

Thanks, Tim

Reply

Yvonne Herbst December 26, 2009 at 5:23 pm

Tim, this site might be a solution for you:
http://www.sbitube.com

Yvonne

Reply

Don Campbell December 26, 2009 at 8:49 pm

Thanks Yvonne!

Tim, here is what my video expert (Thomas) recommends:
1) Encode to flash video using flash encoder
2) Upload to your server using FTP
3) Use this Plugin: http://www.channel-ai.com/blog/plugins/flv-embed/ to display the video on your blog.

Reply

Tim Stickle December 27, 2009 at 7:14 pm

Yvonne and Don, thanks for the tips. Don, besides Wordpress, I’m using a 2004 G-5 Mac OS 10.4.11 to build this website, and I was curious if you or Thomas would recommend any particular Flash encoder for Mac-users?

Thanks again for you help!

Tim

Reply

Don Campbell December 27, 2009 at 7:21 pm

@Tim – absolutely!

I just use Flash CS3 and the encoder that comes with that. There is also a nice tool on the Mac called VisualHub that I use for transcoding video to different formats.

-Don

Reply

Tim Stickle December 28, 2009 at 2:15 am

Don, if you have any other tips, I’d be happy to hear them too. I tried VisualHub, but it’s been officially shut down by it’s makers at Techexpansion and the demo version I did manage to find online will ONLY let me convert up to 2 minutes of any video. The Flash CS3 for Mac costs around $600 which is more than I can afford at this time. After three of trying to get my videos on my site, I’m realizing that it’s more of a complicated endeavor than I ever dreamed! I came across a free “super-encoder” (AVS Video Converter) and it turned out to be a Windows-only software…so double-whammy! lol In any case, thanks for your support, I DO appreciate it.
Tim

Reply

Tim Stickle December 28, 2009 at 2:16 am

three weeks of trying that is…

Reply

Rob December 28, 2009 at 6:44 am

Tim have you looked at flowplayer?
http://flowplayer.org/

Reply

Tim Stickle December 28, 2009 at 2:37 pm

Thanks Rob, I’m going to try it out tonight, I’ll let you know how it goes. This forum is THE BEST source of help I’ve come across so far, so thanks everyone. This website builder novice here appreciates it, lol.

Tim

Reply

shannon December 30, 2009 at 10:48 am

thanks for the video tip. This site is great for newbies..

Reply

Benazir Bhutto July 15, 2010 at 12:31 am

thanks for sharing important ideas

Reply

Tim Stickle January 3, 2010 at 4:32 am

I’ve tried it a million different ways and no luck, BUT IF you have an easy way of installing it, please lemme know Rob! lol, the more I’ve researched into posting one’s OWN videos, the more I realize that Wordpress is deliberately set up to SELL VIDEOPRESS, an upgrade from wordpress.COM that allows you to pull the code from there over to your wordpress.org site. Just like with the Flowplayer “upgrade” to get that code you have to pay $60/year to apparently get your own work to play on your site WITHOUT any vid-hosting sites. WOW, what a challenge this has been! Anyone know another way, I’m all ears. Thanks, Tim

Reply

eileen June 10, 2010 at 8:26 am

Tim, I am just curious, why wouldn’t you want your video to be hosted on Vimeo? I use Vimeo to host my videos, I think the quality is great, then also upload them to YouTube to hopefully grab a little more traffic.

Reply

Ray August 18, 2010 at 5:41 am

Hi Don,
I watched the video but that’s not exactly what I want to do. I would like to have next to my phone number on my Home page a line that says: “Click Here For Short Welcome Video” which I guess would go to a different page and start the video as the page comes up. I did see how I would set up the page so that it won’t be listed in the navigational page list.
I think I might be able to figure it out but I may need some advice.

Ray

Reply

Don Campbell August 18, 2010 at 7:01 am

@Ray – ok, for that you should just add another WordPress page, embed the video as shown above, and exclude the page from the Nav menu in the SmallBiz Options panel. Let me know if you get stuck and I’ll be glad to help!

Reply

Ray August 18, 2010 at 7:41 am

Hello Don,

I figured it out the way I wanted it. Thanks for the idea of a separate page it worked perfectly.

Ray

Reply

Wally Zambrano September 28, 2010 at 4:56 pm

I use ezs3 a system that sets up video players for my videos that I have up in amazon s3. I just make sure I download the regular video embedder plugin that’s available. Next I get the html code from my player and past it into the page’s post. The video shows up right away. I can chose to run it automatically when you go to the homepage. check out http://www.chicagotreeserviceprofessionals.com to see how it looks.

Reply

Eileen Lonergan September 28, 2010 at 5:42 pm

Wally – kudos, those videos are great! I love it that you used that yule log fireplace look. Will they work on the iPad/iPhone? Thanks for sharing!

Reply

Julie Larson July 8, 2011 at 5:06 pm

Will this code work on any page of the SmallBiz Theme?

Reply

Don Campbell July 8, 2011 at 5:11 pm

Hi Julie – yes, it will work on any WordPress page, which includes any SmallBiz Theme pages.

Reply

Julie Larson July 8, 2011 at 5:56 pm

Thank you, Don! :)

Reply

Philip July 11, 2011 at 5:02 am

Hi,

I use the free ‘Smart YouTube’ Wordpress plugin …

http://wordpress.org/extend/plugins/smart-youtube/screenshots/

Very easy to use and the videos will work on an iPhone/iPad !

Reply

Leave a Comment

Previous post:

Next post: