audio video homepage mp3 flash
You are not logged in. Access is limited. Login or see membership information. • iGrOOps Development and Support

print page Admin Manual
How to Use Audio or Video on Your Homepage or Custom Admin Webpage(s)
last updated: 2008-08-21 16:38:53

How would you like to have an audio or video file embedded on your iGrOOp homepage?  How about any custom admin webpage you create? With iGrOOps, this is very easy and assuming you already have your audio or video file loaded in your Video/MP3 library, or on YouTube or another online service that has an "embed" option, it takes just seconds.

With iGrOOps, you can have an MP3 file automatically play in the background when users visit your iGrOOp.  You can have a video play seamlessly without any control bars.. making it appear that the web page is alive with sound and video.  There are many configurations to give your iGrOOps homepage a third dimension!

How to Embed Sound or Video on Your iGrOOps Homepage - In the "Main Content" Areas

You can embed your own media file that you upload, or you can embed a third party media file -- like a YouTube™ video.  The first step is to add the media file to your Video/MP3 library.  Once this is done, you need to edit the entry -- only then will the administrator options be available to you for adding the file to your homepage.

You cannot embed a multimedia file on your homepage in the upload/convert process.  Only after a file has been converted and saved, then you can edit the entry and have access to the admin options.

  1. Click the "Administrator Only Options" link to expand the admin options.  This link is at the bottom of the screen when you are editing a media file entry.
  2. Check the 'Use this as the main media file" checkbox.  Note: only one file can play on the homepage at a time.  If you set this option for multiple files, your last file you set the option for will be used.
  3. Set your preferences for the file display.  The preferences shown depend on the type of file you are embedding -- third party files have no options, video have full options, and audio have some options.
  4. Save

The video will automatically appear at the very top of your home page.

You control where you want the media file to display by using the anchor button (the little anchor icon in the HTML editor).  Put your cursor where you want your video/audio medial player to appear, and click the anchor button.  When it asks you for an anchor name, enter "MEDIA" (without the quotes -- ALL CAPS).

Embedding YouTube or Other Video from Another Site

Another way to do this is to use the HTML button in the editor and simply paste the embed code provided by one of the video sites.  After that, click the yellow "flash" square in the editor (which acts as a placeholder for your video), then click the media icon in the HTML editor.  When the window pops up for the flash settings, you can adjust the size.  You want the size to be 406 px wide and be sure to check the constrain button, so your height is the correct size.

How to Embed Sound or Video on Your Custom Admin Webpage

You can also put any audio or video content on any of your custom admin webpages.  This is a slightly different process since you can have more than one custom admin webpage, but only one homepage.  The first step is to add the media file to your Video/MP3 library.  Once this is done, you need to edit the entry -- only then will the administrator options be available to you for adding the file to a custom admin webpage.

Before you begin this process, make sure your custom admin webpage is created -- or at least, named and saved.  Otherwise, it will not show up in the select menu in the steps below.

  1. Click the "Administrator Only Options" link to expand the admin options.  This link is at the bottom of the screen when you are editing a media file entry.
  2. Do NOT choose "Use this as the main media file" -- instead, select your custom webpage(s) where you would want this file to appear.  Use the control/shift keys for selecting multiple pages.
  3. Complete the options for display.
  4. Go back to your custom admin webpage and edit the page.  You control where you want the media file to display by using the anchor button (the little anchor icon in the HTML editor).  Put your cursor where you want your video/audio medial player to appear, and click the anchor button.  When it asks you for an anchor name, enter "MEDIA" (without the quotes -- all caps).

You need at least some other text on the page or the media file will not be added in.

Preferences

  • Hide control bar - this is the black bar with the timeline, play/pause, and full screen controls on it.  You may want to hide the bar for background music or a seamless video
  • Auto repeat - once the file is done playing, it will repeat indefinitely
  • Video Background Color - the color of the video display area that will display if the video size does not fill up the width and height of the total area
  • Video Width - default is 320px - use numbers only
  • Video Height - default is 240px - use numbers only
  • Video in TV - a neat way to display videos
  • Auto Play - have the audio or video start without need to click on the play button
  • Video Alignment - center is default.  If you have text, it can wrap on the left or the right of the video.
  • Hide This Media File From - if you have a message that is mainly for prospects, you can set this so it will not play for members.  Or, if you have a video specifically for members, you can choose to hide it from guests.

These preferences are available for videos that you upload.  If you add videos from other sites using the embed code option, the video will play according to the preferences in the embed code -- you cannot control this through iGrOOps.


Copyright 2013 iGrOOp-Sites, LLC. All rights reserved.