1 00:00:01,000 --> 00:00:05,000 Recently KinetEco had a public service announcement produced and they posted 2 00:00:05,001 --> 00:00:09,001 this on YouTube, and now what they'd like to do is they'd like to include this 3 00:00:09,002 --> 00:00:11,002 on the About page of their Web site. 4 00:00:11,003 --> 00:00:16,003 So what I need to do now is get this YouTube video embedded in my Joomla! site. 5 00:00:16,004 --> 00:00:21,004 So to do that what I am going to do is, down here at the bottom of this video 6 00:00:21,005 --> 00:00:23,005 there is a button that says Share. 7 00:00:23,006 --> 00:00:27,006 So if I click this button that says Share the first level of sharing you get is 8 00:00:27,007 --> 00:00:32,007 just a link and that link will send somebody to this YouTube page so that they 9 00:00:32,008 --> 00:00:33,008 can watch the video. 10 00:00:33,009 --> 00:00:37,009 In order to get a YouTube video to actually play within your page, you're going 11 00:00:37,010 --> 00:00:41,010 to need to go one-step further and that's what this Embed button right here. 12 00:00:41,011 --> 00:00:47,011 And this will give you some code in an iFrame tag and this code will allow you 13 00:00:47,012 --> 00:00:49,012 to put the video inside your Web site. 14 00:00:49,013 --> 00:00:53,013 There is some minor customization that you can do here in terms of making the 15 00:00:53,014 --> 00:00:57,014 video a little bit larger or you can pick a Width down here in the bottom or 16 00:00:57,015 --> 00:01:01,015 type-in your own custom width, I am just going to stick with the default 17 00:01:01,016 --> 00:01:07,016 560x315, I am just going to copy the code that I have here, 18 00:01:07,017 --> 00:01:09,017 so Ctrl+C or Cmd+C to copy that code. 19 00:01:09,018 --> 00:01:14,018 Remember in the last video, I talked about filtering tags and so make sure that 20 00:01:14,019 --> 00:01:19,019 you've configured TinyMCE so that it won't strip out your iFrame tag before we 21 00:01:19,020 --> 00:01:20,020 go on to the next step. 22 00:01:20,021 --> 00:01:25,021 So now that I've grabbed this little bit of embed code, I can go back to my Joomla! 23 00:01:25,022 --> 00:01:30,022 Web site in the back-end here and I am going to go to Content>Article Manager 24 00:01:30,023 --> 00:01:32,023 and I am going to find my About article. 25 00:01:32,024 --> 00:01:36,024 So in my About article, down here towards the bottom. 26 00:01:36,025 --> 00:01:40,025 We already added a line here about reading the company brochure, 27 00:01:40,026 --> 00:01:43,026 just after that is where I'd like this YouTube video to be displayed. 28 00:01:43,027 --> 00:01:47,027 So what I am going to do is I am going to do hit this Toggle Editor button 29 00:01:47,028 --> 00:01:49,028 down here in the bottom. 30 00:01:49,029 --> 00:01:54,029 And just after that line here in the HTML, I am going to add the HTML that I just copied. 31 00:01:54,030 --> 00:01:59,030 If you don't know HTML you really don't have to worry about it, just take a look 32 00:01:59,031 --> 00:02:04,031 and find the end of where the code stops, put it in a return and hit Paste, 33 00:02:04,032 --> 00:02:09,032 Ctrl+V or Cmd+V to paste that in that little bit of code that you copied, 34 00:02:09,033 --> 00:02:11,033 and that should be all you need to do. 35 00:02:11,034 --> 00:02:16,034 Go ahead and say Save & Close and now when you go back to the front end of the 36 00:02:16,035 --> 00:02:21,035 Web site and you go to the About page, you should see down here on the bottom the 37 00:02:21,036 --> 00:02:25,036 YouTube video, and we didn't have to use a third-party extension and we didn't 38 00:02:25,037 --> 00:02:30,037 have to do anything special other than turn off the tag filtering to allow this 39 00:02:30,038 --> 00:02:33,038 YouTube video to be embedded within our 40 00:02:33,039 --> 00:02:38,039 Joomla! article which is really quite great, it's very, very easy to include these 41 00:02:38,040 --> 00:02:40,040 YouTube videos inside of articles. 42 00:02:40,041 --> 00:02:44,041 The procedure that I just followed is very similar if you wanted to include a 43 00:02:44,042 --> 00:02:49,042 Twitter feed or a Facebook feed of some kind or feeds from other various 44 00:02:49,043 --> 00:02:50,043 social media Web sites. 45 00:02:50,044 --> 00:02:55,044 You'll follow a fairly similar procedure to put those into Web pages.