Default Video Player (plugin)

After installing the plugin and restarting ADP you will see a new folder under the templates called "videos", and inside this is a template for the basic Adobe® Flash® player settings called "default_player.dpu". Click on this to open the template video project. You will also see a new menu item called "Video" from which you can access a form dedicated to the template.

General notes

The template assumes that you have a flash video ready (flv or swf format) - if you need advice on creating this for a walk-on video for example there is a useful link below.

If a flv video is used then the default player used is the Adobe player, as seen in the template.

Most settings can be left to their default values provided in the form, but of course you must supply the video name and path, and set the width and height.

When the form is opened (from the "Video" menu item) it can stay open while you adjust settings and test them in the main preview window (it is a non-modal form), you just need to click "Apply" and then save the project in ADP Pro before refreshing to see the preview.

 

Instructions

When the template is loaded ensure that you see the demo video in the preview window before changing any settings.

  1. Save it as a project somewhere on your system (note that after this you will not see a video until you put your own flv into your project folder)
  2. Open the default player form from the menu item "Video"
  3. In the "Paths" section you can leave the 2 entries ("Path to embedding script" and "Path to player") as they are at their default values.
  4. In the "Object/Embed tag attributes" section set the width and height to match your video, and if the video is non-transparent then select either "window" or "opaque" in the "wmode" option, otherwise leave it as it is. All other settings in this section can be left to their default values.
  5. In the "Flashvars" section enter your video name (without the .flv extension) into the "streamName" option. Note that if just the name is entered then ADP will assume that the video is included in your project folder. Otherwise enter the full path to the video in this textbox. All other settings in this section can be left to their default values unless you wish to change them e.g. to have the video not auto-play.
  6. Click "Apply" after any changes and then save the project in ADP before refreshing the preview window to see the result.
     
  7. Compile the project and test it by pressing the  "View in your browser" button next to the compile button on the toolbar.
  8. Enter the script lines into the webpage as instructed in the compile form.
  9. Upload the following files to your server:

Creating transparent video

Josh Anderson is the renowned expert in this, and all things web video related. He offers a very reasonably priced package here which is packed with useful information.

 

Using with the WordPress Popup Plugin

These instructions apply to the video plugin with example at here but may also be useful for general iframe'd content projects where the paths must be set similarly to here.

  1. It is assumed that you already have an ADP video project working as above. Ensure that the path for the close/resize images (if used) is set in the advanced reference form to "wp-content/plugins/adp-pro/images".
  2. In addition, change the path of the source of the iframe (src) to match your blog path and project folder (see next point). In the demo this is "wp-content/plugins/adp-pro/defaultvideo/default_player_content.html". So the content in ADP now looks like

    <iframe src="http://www.dpopup.com/blog/wp-content/plugins/adp-pro/defaultvideo/default_player_content.html" name="adpiframe" id="adpiframe" width=100% height=100% align="center" Frameborder="0" Scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>

  3. Create a folder under the "adp-pro" plugins folder with the same name as the ADP project and upload all the project files directly into it. The path in the example given here is "blog/wp-content/plugins/adp-pro/defaultvideo" and all the ADP project files were uploaded into "defaultvideo".
  4. Choose a free numeric id in the plugin interface using ADP-pro mode and insert the name of the project into the text box as with any other project.
  5. Create a post and follow the instructions in the plugin interface (very simple, just enter e.g. #adp24 or whatever the numeric id of the project is). Publish the post and test.
  6. To make a link triggered video simply enter the link syntax provided by ADP into the body of the post with one small modification - add in "adpContent('ADPAlphaFlash',htmlstring);" to the syntax. The whole code might then look like this:

    <a style="font-weight: bold; color: #1c5ea2;" onclick="adpContent('ADPAlphaFlash',htmlstring);adpShow('ADPAlphaFlash');return false;" href="#">Click here to see demo</a>

    Where it is assumed that the unique ID of the ADP project is the default "ADPAlphaFlash".