In this lesson we’ll show you how to download and install the plugin, then how to get the videos into the article. Unlike components, this plugin doesn’t create a link in a drop down menu for you to click on or a link beneath the edit window to insert anything.

You need to be able to write a token. In WordPress they call it shortcode, in Drupal it’s token. i’m calling it a token here. It’s a piece of code in an html document that gets replaced by information from somewhere else when the page is created.

If you use AllVideos, you don’t have to write any embed code or strict html. You can write the token directly into the editing window. It starts with a tag. By tag I mean something very similar to an HTML tag, but this one is special because it uses "{ }" curly brackets. Here’s an example : {mp4}yourvideofilename1{/mp4} Every token has a start-tag {mp4} and and end-tag {/mp4} the / tells you were to end like a period on a sentence.anywhere you place the tag a video is going to show up.

AllVideos lets you put the many different file types between the brackets for an incredible variety of choices.

To get several videos to line up in a square, your going to have to make a table. This will be a lot easier if you have the JCE editor. I show you how to do it with the tinyMCE editor and give you the table code so you can see that part of the process.

You can get AllVideos here http://www.joomlaworks.gr/content/view/16/42/

1. After install go to Extensions > Plug-in Manager
2. Search for allvideos
3. Click the name AllVideos

1. In your images folder create two folders one called videos the other called audio.
2. Upload your videos to the videos folder. Or if you already have them uploaded, change the path in the Local Video and Audio fields.
3. Set the size of the default display window. with four on a page you probably want 300px or less depending on your layout.
4. Decide whether you want the videos to autoplay or not (you probably want "NO").

Be sure to save.

Go to your article manager. Either add a new article or go to the article you want to manage.

Access the HTML code view to enter the table code.

This step depends on which editor you are using and whether or not you know how to put a table into the article. I am going to assume you have the default tinyMCE editor and you don’t know much code. So if that’s you, click on "Toggle Editor" or the HTML in the menu.

In this example I clicked Toggle Editor

Copy and paste, or type this code into your window.
Then be sure to update and save the page.

<table width="80%" border="0" align="center">
<tr>
<td>{mp4}yourvideofilename1{/mp4}</td>
<td>{mp4}yourvideofilename2{/mp4}</td>
</tr>
<tr>
<td>{mp4}yourvideofilename3{/mp4}</td>
<td>{mp4}yourvideofilename4{/mp4}</td>
</tr>
</table>

Here’s what the table will look like in the editing view. You can do this without the table and all the videos will be stacked up.

1. You created a table to contain your videos. If you have ace, you can insert one from the toolbar. If not use the method above.
2. Into each cell you see the token. In this case the files we want to load end in .mp4.

So we’re going to put {mp4 } in curly brackets on the front, and {/mp4} in curly brackets at the end. Between those start and end tags we want to put the file name without the extension, like this – yourvideofilename – leave off the . and the extension letters.

Example
yourvideofilename1.mp4 – you write {mp4}yourvideofilename(/mp4} if the file ends in .swf you would put swf in the brackets. If it’s from YouTube you would put youtube in the brackets.

If you want to see examples of all the possible tags and tokens you can use, visit their documentation page:

http://www.joomlaworks.gr/content/view/35/41/

There is a great chart that’s easy to follow.

Here’s what it looks like with YouTube videos. I changed mp4 to youtube in the tags. I put the YouTube video number between the tags. No need for embed code, and I can fit it in with normal html and css styling.

Here’s what the youtube videos look like. They are contained by the table, and the default size we set in the configuration step determines their width. You can do some customization in each individual article for some extra control.

You can use syntax inside the start tag to change the appearance on the fly. The added syntax will override the defaults.

You can also use syntax like: {format/provider}filename|width|height|autoplay{/format/provider}. You use the pipe "|" character between each parameter.

For example, an "autoplaying" YouTube video of 100×150 dimensions would be displayed adding this to a content item:

{youtube}inTas4CAls_egj200|150|1{/youtube} – First in line is the file name, then the width, then heighth, and the final "1" indicates autoplay. If you don’t want autoplay, make this a "0".

In the example of the mp4 above we used local media, which means it’s on the same server as the website. But you are not restricted to your own server. We already showed you how to use a streaming service – YouTube. There are many other services and all you need to do to use their media is to put the name of the service in the brackets. Here are a few examples

    {brightcove}1656387563{/brightcove}
    {yahoo}3169238/8981933{/yahoo}
    {collegehumor}1824771{/collegehumor}

You can get remote videos from any website if you know the media type and the full URL to the video. Here are some samples of how you write the tokens to get video from another site that is not a streaming service. You need to indicate it’s a remote source in the start tag.

{mp3remote}http://www.filehosting.com/pixies_bonemachine.mp3{/mp3remote}
{swfremote}http://www.filehosting.com/presentation.swf{/swfremote}
    {mp4remote}http://www.filehosting.com/nadasurf.mp4{/mp4remote}

That’s pretty much all there is to it. You just need to know the type of media, the location of the media and how to write the token. With this knowledge you can put any video or audio source on your website. Combine it with text and a little formatting with tables or divs, add some syntax to the tags, and you can create any arrangement you want to fit your design.