Recently KinetEco had a public service announcement produced and they posted
this on YouTube, and now what they'd like to do is they'd like to include this
on the About page of their Web site.
So what I need to do now is get this YouTube video embedded in my Joomla! site.
So to do that what I am going to do is, down here at the bottom of this video
there is a button that says Share.
So if I click this button that says Share the first level of sharing you get is
just a link and that link will send somebody to this YouTube page so that they
can watch the video.
In order to get a YouTube video to actually play within your page, you're going
to need to go one-step further and that's what this Embed button right here.
And this will give you some code in an iFrame tag and this code will allow you
to put the video inside your Web site.
There is some minor customization that you can do here in terms of making the
video a little bit larger or you can pick a Width down here in the bottom or
type-in your own custom width, I am just going to stick with the default
560x315, I am just going to copy the code that I have here,
so Ctrl+C or Cmd+C to copy that code.
Remember in the last video, I talked about filtering tags and so make sure that
you've configured TinyMCE so that it won't strip out your iFrame tag before we
go on to the next step.
So now that I've grabbed this little bit of embed code, I can go back to my Joomla!
Web site in the back-end here and I am going to go to Content>Article Manager
and I am going to find my About article.
So in my About article, down here towards the bottom.
We already added a line here about reading the company brochure,
just after that is where I'd like this YouTube video to be displayed.
So what I am going to do is I am going to do hit this Toggle Editor button
down here in the bottom.
And just after that line here in the HTML, I am going to add the HTML that I just copied.
If you don't know HTML you really don't have to worry about it, just take a look
and find the end of where the code stops, put it in a return and hit Paste,
Ctrl+V or Cmd+V to paste that in that little bit of code that you copied,
and that should be all you need to do.
Go ahead and say Save & Close and now when you go back to the front end of the
Web site and you go to the About page, you should see down here on the bottom the
YouTube video, and we didn't have to use a third-party extension and we didn't
have to do anything special other than turn off the tag filtering to allow this
YouTube video to be embedded within our
Joomla! article which is really quite great, it's very, very easy to include these
YouTube videos inside of articles.
The procedure that I just followed is very similar if you wanted to include a
Twitter feed or a Facebook feed of some kind or feeds from other various
social media Web sites.
You'll follow a fairly similar procedure to put those into Web pages.