This tutorial requires the AdvLink plugin. The entire process is simplified when using the Media Manager, a subscription plugin.

The steps below are the same for creating a Youtube, Google Video or MetaCafe popup.

JCE MediaBox 1.x is required for this type of popup.

1. Select some text or an image to apply the link to (you can use the Image Manager to insert the image).
2. Open AdvLink. Paste the Youtube/Google Video/MetaCafe link in the URL field. This is typically the link from the browser address bar when viewing the video.
3. Type jcepopup in the Classes field in the Advanced Tab or select JCE Popup from the Class List if available, eg:
   
   
4. To add a title and/or caption to the popup, enter text in the Title field. To create a title and caption, seperate them with a double colon, eg title::text
5. To Assocaite this popup with a group of other popup images, click the Advanced Tab and select (value) from the Relationship Page To Target list. Enter the group name in the field provided.
6. Click Insert.

Click here for an example

Popup Parameters

A  Youtube popup can accept 3 parameters in the rel attribute. Parameters must be in the key[value] format and be separated with a semi-colon.

1. Click the Advanced Tab in AdvLink and select (value) from the Relationship Page To Target list.
2. Enter the parameters in the field provided.

• group[name] - Sets the popup group the image belongs to. This is the same as creating a group using step 5 above.
• caption[title::text] - Sets a caption for the popup to appear above or below the popup image. This gives the same result as step 4 above, but frees up the title attribute for the link element.
• width[650] - Sets the width of the popup content.
• height[480] - Sets the height of the popup content.

A popup link can be hidden by adding noshow to the class, eg: class="jcepopup noshow"

You can create a popup that opens automatically when the page loads by adding either autopopup-single (popups will open only once per page per browser session) or autopopup-multiple (popups will open every time the page loads) to the popup class, eg: class="jcepopup autopopup-single".
The popup link must have a unique id, eg: <a href="/link.htm" id="autopopup1"