CodeCanyon

JouTube

JouTube

JouTube

A) Description

JouTube is a Content Plugin for Joomla that allows you to insert YouTube channels, playlists and videos in your articles by inserting a meta tag into a content text editor.

Demo page: http://www.ilabsolutions.it/joutube

  • It’s fully compatible with Joomla 2.5 and 3.
  • It’s available in three responsive layout
  • You can customize any single video, channel or playlist via inline parameters

B) Installation and use

JouTube installation it’s very easy! You can install it directly from Joomla administration panel (how you can do with any other plugin) following these steps:

  1. Login into http://yoursite.com/administrator
  2. Select “Extension Manager” from “Extensions” in main menu
  3. Select “Upload Package File” tab
  4. Click on “Choose file” button and select joutube.zip from your download directory
  5. Click on “Upload & Install”

Now you just have to activate the plugin from “Plugin Manager” in this way:

  1. Select “Plugin Manager” from “Extensions” in main menu
  2. Search “JouTube”
  3. Click on “Enable plugin”

JouTube is ready! You’ll be able to insert YouTube contents in your articles. Insert into it one or more of following meta tags to embedding your contents:

  • Channel integration with YTG tags
    ...
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua.
    
    <i>[YTG]myUsername[/YTG]</i>
    
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
    ut aliquip ex ea commodo consequat. 
    ...    
  • Playlist integration with YTP tags
    ...
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua.
    
    <i>[YTP]https://www.youtube.com/watch?v=00000000000&list=000000000000000000[/YTP]</i>
    
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
    ut aliquip ex ea commodo consequat. 
    ...    
  • Video integration with YTV tags
    ...
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua.
    
    <i>[YTV]https://www.youtube.com/watch?v=00000000000[/YTV]</i>
    
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
    ut aliquip ex ea commodo consequat. 
    ...    

For other settings you can read Settings and Inline parameters paragraphs.

C) Settings

Now you can configure the plugin. Below you will find a full explanation of all the parameters for the generic configuration of the plugin, all instances created in your site will refer to this configuration.

Also remember that you can customize the placement of individual video, channel and playlist via Inline parameters.
To customize JouTube go to “Plugin Manager” section via main menu, search JouTube an click on it. There are following settings:

  1. Enable jQuery
    Enables or disables the import of the jQuery library in Joomla. It’s required to enable this if there are already other instances of this library.
  2. Style
    You can select one of three styles ??available by default in JouTube (Light / Dark / Extra Dark).
  3. Embedding video
    Specifies how to integrate the single video (and only for it) . “Embedded” is the classical import YouTube player directly in the article. ” Lightbox ” instead import a tab with the title, description , thumbnail and metadata that will be opening in fullscreen video.
  4. Width (px)
    Sets the width in pixels of the player (accepts only integers).
  5. Height (px)
    Sets the height in pixels of the player (accepts only integers).
  6. Autoplay
    Sets the automatic start of the video when the page loaded or at the start of the lightbox.
  7. Video per page
    Sets how many videos to show on each page for a single channel or playlist. This option is valid only for channels and playlists (accepts only integers).
  8. Show title
    Enables or disables the display of the title.
  9. Show description
    Enables or disables the display of the description.
  10. Show rating
    Enables or disables the display of the rating.
  11. Show duaration
    Enables or disables the display of the duration.
  12. Views counter
    Enables or disables the display of the views counter.
  13. Likes counter
    Enables or disables the display of the likes counter.
  14. Comments counter
    Enables or disables the display of the comments counter.

D) Inline parameters

You can customize single video, channel and plylist by inline parameters. Inline parameters should be inserted into meta tags and should be separed by pipe character (|) from URL or Username. However you’ll find some examples to use correctly these parameters after following table:

Parameter Values Description
title yes | no Show or hide video title
description yes | no Show or hide video description
rating yes | no Enable or disable rating display
duration yes | no Enable or disable duration display
views yes | no Enable or disable views counter
like yes | no Enable or disable likes counter
comment yes | no Enable or disable comment counter
vpp (integer) Number of video to display per page (for channel and playlist only)
width (integer) Video width (in pixels)
height (integer) Video height (in pixels)
autoplay yes | no Autoplay video
embedded yes | no Embedded or lightbox view (for single video only)
gtitle string Set a custom title for Channels and Playlists

  • Insert a channel without descriptions and showing ten video per page
    ...
    <i>[YTG]myUsername<span class="bl">|</span><span class="rd">description=no;vpp=10</span>[/YTG]</i>
    ...
  • Insert an embedded video (500px for weight and 200px for height) without autoplay
    ...
    <i>[YTV]https://www.youtube.com/watch?v=00000000000<span class="bl">|</span><span class="rd">embedded=yes;autoplay=no;width=500;height=200</span>[/YTV]</i>
    ...
  • Insert a playlist without descriptions anc comments counter
    ...
    <i>[YTP]https://www.youtube.com/watch?v=00000000000&list=000000000000000000<span class="bl">|</span><span class="rd">description=no;comment=no</span>[/YTP]</i>
    ...

Once again, thank you so much for purchasing this theme. As I said at the beginning, I’d be glad to help you if you have any questions relating to this theme. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the plugins on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

iLab Solutions

Bugfix and new features

  • 2014-01-08 – Added parser for all type of playlist URL
  • 2014-01-07 – Added “gtitle” inline parameter
by
by
by
by
by
by