Embedding Youtube Video
From Hostbaby Wiki
Contents |
Why YouTube?
One very simple way to add video to your site is to upload the video to YouTube, and then embed it in your site.
There are two major benefits to this:
1) You don't have to worry about browser compatibility with different video types (Windows format vs. Mac format)
2) You not only expose your video to your own fanbase, but to YouTube's vast international audience. YouTube is one of the most popular websites in the world. Never a bad thing!
If you would rather upload the video directly to your site, See this tutorial: http://hostbaby.org/wiki/Uploading_and_Displaying_Video
So, the first thing you'll need to do is get your video uploaded to YouTube. I'll let YouTube help you with that.
You can check out their tutorial section here.
http://www.youtube.com/user/YouTubeHelp
Log into your Wizard account
For this example, we're going to assume you want to put the video on your homepage though you could easily put one on your Bio, Blog, News Page etc.
So, let's log in to your account.
Go to: http://yourdomain.com/hostbaby/ (replacing yourdomain.com with your actual domain.) Once logged in, click on Website, then Homepage Layout
Leave this window open
Grab the Code
In a new tab or window, locate the video which you have uploaded to YouTube.
Find the Embed button and click it.
You can change the size, border color, and related videos options.
NOTE: Videos wider than 450px may not display correctly in the majority of the templates on HostBaby.
Pasting Your Code
Once you have it exactly as you'd like it copy the code, flip back to your Homepage Layout section, where you can now paste that code into the Welcoming Text section
Once you have it exactly as you'd like it copy the code, flip back to your Homepage Layout section, where you can now paste that code into the Welcoming Text section
1. Make sure the Toggle Editor is on and you can see the 2 rows of buttons above your content area.
2. Click the HTML button and a small window will open.
3. Paste the YouTube code into the window (above, below, or between any content that is already there)
4. Click Insert
5. Click Submit
Click 'preview' located top left corner of the Wizard to view the video on your site.
If it looks good, you can now publish the site.
That's it! You now have video on your site!
Related link: Embedding Video and Photos
