PLACING YOUTUBE ONTO YOUR WEBSITE PAGES
Content taken from older UK website builder blog posts
PLACING YOUTUBE ONTO YOUR WEBSITE PAGES
Please note this article was first published in 18 May 2010. Its content may now be out of date. We recommend taking a look at more recent website building blog posts or check out our comprehensive support pages. If you are looking for information on our 14 day free website builder trial we have a large number of webpages that guide you throug the process.
PLACING YOUTUBE ONTO YOUR WEBSITE PAGES
We’ve received lots of emails from customers asking how to add You Tube Videos to their websites. YouTube was founded in 2005 and is the world's most popular online video community, allowing millions of people to watch and share videos, which have been originally created. YouTube also provides a distribution platform for original content creators and advertisers to share the video content. It really is a superb way to add visual impact to your page and furthermore it’s free to add videos from YouTube to your website!!! You can either create or upload your own video or as long as you have permission, you could use a video, which is already on YouTube. With your Reason8 Website Builder, it’s also a lot easier than you may think.
YouTube your Website
Let’s look first at how to upload your video to YouTube.
Firstly sign up for a basic YouTube account. Once you've created and edited your video, make sure it's less than 10 minutes long and smaller than 2GB in size. It must be also in the correct format. YouTube accepts video files from most digital cameras, camcorders and cell phones in the following file formats: AVI, .MOV, .WMV, and .MPG.
It can take anything from a few minutes to an hour to upload your video. There are two ways to upload video: 1) Via YouTube’s “Single File Uploader” or by using the YouTube Uploader for more than one video. You can upload up to 10 video files in a single uploading session. Go to the YouTube site and click the upload button in the upper-right-hand corner. Click the "Browse" button to browse for the video file you'd like to upload and select the file you want to upload. > Click the 'Upload Video' button. > As the video file is uploading, enter as much information as possible about your video , making sure you include a Title, Description, Tags, and a Category. > Now click the 'Save changes' button. That’s it… your video is now uploaded!
How to embed your video onto your website page.
Click on the drop down arrow next to your account name, top right and go to My Video’s. Select the video you want to embed and click play. Next click the Embed button underneath the video screen on the right and the customization options will appear. You can choose from the following options:
• the color and size
• whether or not to include related videos
• whether or not to display the player border
When embedding a video on your site, choose a size of the player, which best fits your site rather than focusing on the video resolution. We would therefore recommend choosing the smaller size available, which is also the default size. All the sizes include an extra 25pixels at the bottom for the player controls. The default size is the same size as the video would appear on YouTube.com and they give the best possible viewing experience.
Once you’ve chosen your options, copy the embed code. Now we’ll paste the copy into the HTML view of your editor. Open the page on which you’d like your video to appear in your page editor
In the position on the page where you would like your video to appear, type: “XXXXXXVIDEOXXXXX”. The reason for this strange text will become clear when you go to HTML view. You may need to set this code into a single column single row table should you need to position it within existing text and images. Or simply use the alignment buttons in your editor to move it to sit left, right or centre. Now click the “Show HTML” button at the far right of the bottom row of your editor icon bar. This will change the view setting of your web page from our simple Editor view to the HTML code view.
At first glance it looks like a bunch of toddlers have got hold of your keyboard and had a lot of fun with it! But don’t panic. Search through the fine code until you find your “XXXXXXVIDEOXXXXX” text. It will be surrounded by code such as : <p style="text-align: centre">XXXXXXVIDEOXXXXX</p>. The text-align: could be left, right or center, depending on the position you set. Or if you’ve placed it in a table to help you position it better, it may be surrounded by something like:
<table border="0" cellspacing="1" cellpadding="0" width="400" align="right">
<tbody>
<tr>
<td style="text-align: center">XXXXXXXXXXXXXVIDEOXXXXXXXXXXXXXXXX</td>
</tr>
</tbody>
</table>.
The only bit you need to worry about is the XXXXXXVIDEOXXXXX bit. Highlight only this text avoiding the > and < brackets as shown above and paste the code you copied for the video in its place. Make sure it sits exactly between the > and < brackets. This is very important. Now Save your page.
You should now have a live video sat right on your Web page!
Please remember, this article was first published 18/05/2010. The content may be out of date and you cannot post comments any more. Please check out our new blog.
Want to learn more ?
Find out more about us
We have been in business since 2003. Back when the founders of Facebook were still in college, we were writing code and helping our users create great websites.
Affordable business website design
If you need help, why not check out our huge selection of videos, step-by-step guides and knowledge papers.
UKs most trusted
We have helped many thousands of our customers create great looking websites. Take a look at a few examples, created using our website builder.
Latest blog posts
Evolving Your Website Using Background Videos
These days, websites without background videos run the risk of appearing old-fashioned. Even dinosaurish,
There’s nothing wrong with dinosaurs, or with looking like one. Dinosaurs are cool. Unless they’re chasing you of course.
But our new background videos have landed, exploded and changed the game. They have wiped out the old standards for beautiful websites, and have replaced them with a new standard that will leave all other websites looking like fossils.
Luckily, both our existing clients and our new ones have access to this brilliant new feature we’ve introduced, and we’d like to share its benefits with you today.
Bold, Italics, Capitals – When To Call On Your Superheroes
A superhero is only super because he or she stands out amongst the crowd. If we were a planet of flying, teleporting, time-freezing super-strong aliens, then we wouldn’t think there was anything super about us. When it comes to using formatting methods such as bold, italics, capitals or centering, all of these little text-enhancing superheroes will only stand out if they are used sparingly, in the right place, and when absolutely necessary…
Do I Need To Add Testimonials To My Website?
Reviews, testimonials, recommendations – we all seek reassurance in them. We might even skip past the good ones just to see if there are any bad ones.Other people are sources of information for us. They can tell us whether this product or service is actually any good or not. Reading their testimonials builds trust in your business.
Should I Buy Multiple Domain Names For My Website?
If I have multiple domain names, will my website rank better on the search engines? Will I be more likely to draw in extra traffic? Will my website become a supercharged powerhouse bursting with domain names that will become a magnet for new business? The answer might not be quite as positive as you would expect, but hopefully we can answer your questions during this article…
How To Choose The Best Domain Name For Your Website
Choosing a domain name for your new business may not be as simple as you think. Most people just use their company name, but unless your branding is well recognised, this may work against you…
Is It Possible For A Website To Look Too Good?
Is it possible for your business website to look too good? Too polished? Too slick? Too posh?
Perhaps it depends on how slick and posh you already are.
Stop Collecting Email Addresses On Your Website…Unless You Have Permission!
“If a customer fills out a form and adds their email address, what can I do with it?” This is a terrible question, asked by non-GDPR compliant cavemen and cavewoman who still think it’s OK to treat other people’s info as if it’s their own…
How Do I Send An Email Newsletter?
You are building a GDPR-friendly email list, and now you want to start sending out newsletters, the professional way. Where do you start?
Selling Isn’t A Dirty Word. Selling Is Serving!
“Don’t sell your product. Solve their problems.” Mark Cuban’s wise words sum up the art of selling – it is about helping people, fixing problems and improving the lives of others…
Don’t Be A Clown. Get A Professional Email Address For Your Business.
iF we’re honest, not many people will accuse you of clownery for not having a proper business email address. But they might not call you professional either…
A Website To Grow Your Business, In Just Over A Week
Building a professional website to grow your business should be easy and seamless from start to end. We offer to build your business website for you, in four easy steps…
Is Your Website Secure? Upgrade To HTTPS ASAP!
When July 2018 hits, Google Chrome will make sure a strong warning will pop up on any website that has not yet updated from “http” to “https”. The warning will include something along the lines of “Website Not Secure”. Here’s how to avoid it.