Providing progressive graphic and web design solutions in the west of Ireland
Adding Videos in Joomla

If you have a blog or website that you can manage yourself, like a Joomla website for example, a great way to communicate and entertain your visitors is by adding video content. 

It is easy to do, effective and does not use large amounts of your own bandwidth by serving your own video, as it is an embedded movie that is streamed directly from YouTube/Google Video/iFilm etc themselves.

This means that, if you have made your own video that you want on your site, it is much better to upload it to YouTube and just embed it in your page. Setting up a streaming server that can achieve this sort of performance could cost thousands, and here it is for you to use for free. It's so cool.

Ok, so let's get started. First you need to find a video that you would like to include in your web page...

YouTube Screen Grab

When you have selected a video, look over to the top right in the section entitled 'About This Video' and you will see a line of code in a box called Embed...

Embed video code

All we have to do now is copy this code by selecting it all (make sure you get everything), you can do this by right-clicking or by holding down the 'crtl' key and pressing 'c'.

Next, you need to log into your website and navigate to the content item you would like to embed the video in. 

Joomla screen grab

What I usually do at this point is click into the text area and press Return/Enter, which, depending on which text editor you have got, will create a new line (and an empty paragraph tag).

The code that you have now is not text it is HTML, that is the backend code that drives your web pages. So in order to embed this we need to access this code. In most of the Joomla editors you can do this by looking for this button...

HTML button 

When you click on it, it will open the HTML source editor window, and you will then be able to see the code that makes up your content. If you scroll down the code to where you put the empty Return you will see a bit of code like this:

Code grab

All you then have to do is highlight the the code between the two <p> tags and paste your YouTube code over the top, click update and save your item. This way can also position the movie in your content using the left, center and right justification in your text editor bar.

And that's it. See, I told you it was easy, now go forth and embed...

 

return to home






Lost Password?
No account yet? Register
- - - - - - - - - - - - - - - -
Copyright
Terms Of Use
Privacy
Site Map
Connect Ireland
- - - - - - - - - - - - - - - -
profile-football.png


Infiniti Mixed Media is powered by Mark Hardy, a flexible and experienced designer with an agency background in graphic design and new media.

A no-nonsense attitude to design, a commitment to quality and a steep learning curve, all combine to provide both effective and cost-effective solutions to a selected client base.

feed image

Add to: Digg Add to: Del.icoi.us Add to: Reddit Add to: Simpy Add to: StumbleUpon Add to: Slashdot Add to: Netscape Add to: Furl Add to: Yahoo Add to: Blogmarks Add to: Diigo Add to: Technorati Add to: Newsvine Add to: Blinkbits Add to: Ma.Gnolia Add to: Smarking Add to: Netvouz Add to: Spurl Add to: Google Add to: Blinklist Information
Social Bookmarking

Polldaddy Web Banner
Copy Cat banner
Sereniti Banner