Try it Free for 30-Days
Home

Download this help site
(PDF 57MB)

Download

Adding video clips

Wild Apricot allows you to embed video clips from sites like YouTube, Vimeo, Veoh, or Flickr on your Wild Apricot pages. You can also embed videos stored on your Wild Apricot site.

Embedding clips from video sites

YouTube

To embed videos stored on YouTube, follow these steps:

  1. Go to YouTube.
  2. Find the video you want to embed and click on it. YouTube will start loading the video.
  3. Right click over the video and select the Copy embed code option.



  4. In your Wild Apricot account, go to Sites pages (under the Website menu) and begin editing the site page or page template where you want to add the video.
  5. Click the Gadgets icon to display the list of available gadgets.
  6. Drag the custom HTML gadget from the Gadget list, and drop it on the desired location.



    When a layout cell or placeholder is empty, a Drop gadget or grid here prompt will be displayed. When you drag a gadget over an empty layout cell or placeholder, it turns green, indicating that you can drop the gadget there. When you drag a gadget above or below a layout, a prompt will appear indicating that you can drop the gadget before or after the layout.

  7. After you have inserted the gadget, hover over it and click the Settings icon.



  8. Within the gadget settings on the left, click the Edit code button.



  9. In the dialog that appears, paste the embed code for the video.
  10. Click the Save button to exit the dialog.
  11. Click the Save button to save your changes to the page.

The video should now appear on your site page. Switch to public view if the video does not immediately appear.

The video does not appear in public view, check the following:

  • Make sure that your browser has the Flash plugin is installed
  • Check your internet connection and speed

For more detailed instructions on how to place the YouTube video link, go to: http://youtube.com/sharing.

Icon

If you encounter a problem with YouTube videos covering up fly-out menu options, add ?wmode=opaque to the end of the URL in the embed code.

Other services

There are many other similar services, including:

For instructions on obtaining the embed codes for videos from these services, see their websites.

Embedding clips stored on your Wild Apricot site

You can embed videos – webinars, for example – stored on your Wild Apricot site.

Icon

Visitors to your site may need to download and install browser-specific plugins to view your videos.

Uploading the video file

The first step in embedding video on your site is to upload your video file to your Wild Apricot account. 

Icon

Uploaded video files will count against your file upload limit. You can also link to video files stored on another site – you just need to know the URL of the file.

To upload your video file, go to the Files screen by clicking Files under the Website menu. Your should create a separate Videos folder to organize your files.

After you've uploaded your video file, you need to know its location or URL. Right click over the video file in the Videos folder and select Properties from the menu that appears.

Within the Properties window, select the entire file location then right click and select the Copy option.

The URL of the uploaded video file has now been copied to the clipboard. You should now paste it to a temporary location such as Notepad since we're going to be copying some other code as well.

Adding the code to embed the video

Now that you've uploaded your video file and copied its location, you add HTML code to display a player and play the file. Here, we provide the code for two video players: Windows Media Player and QuickTime. Note that both players may require visitors to your site to install updates or plugins.

Using Windows Media Player

Using Windows Media Player, you can play videos stored in a variety of formats, including .asf, .wmv, and .avi. (For a complete list, see Multimedia file types that Windows Media Player supports.)

To use Windows Media Player as the video player, follow these steps:

  1. Copy and paste the following code to the clipboard.
  2. In your Wild Apricot account, go to Sites pages (under the Website menu) and begin editing the site page or page template where you want to add the video.
  3. Click the Gadgets icon to display the list of available gadgets.
  4. Drag the custom HTML gadget from the Gadget list, and drop it on the desired location.



    When a layout cell or placeholder is empty, a Drop gadget or layout here prompt will be displayed. When you drag a gadget over an empty layout cell or placeholder, it turns green, indicating that you can drop the gadget there. When you drag a gadget above or below a layout, a prompt will appear indicating that you can drop the gadget before or after the layout.

  5. After you have inserted the gadget, click the Edit code button within the page settings on the left.



  6. In the dialog that appears, paste the embed code for the video.
  7. Within the pasted code, replace both occurrences of VIDEO_FILE_URL with the URL of your video file (which you copied earlier).
  8. To have the video played automatically, change:

    to


    and


    to

  9. Click the Save button to save your code changes.
  10. Click the Save button to save your changes to the page.

You can also set loop to true if you want the video to repeat when it's finished playing.

Using QuickTime

Using QuickTime, you can play videos stored in the following file formats: .mov, .qt, .mp4.

To use QuickTime as the video player, follow these steps:

  1. Copy and paste the following code to the clipboard.
  2. In your Wild Apricot account, go to Sites pages (under the Website menu) and begin editing the site page or page template where you want to add the video.
  3. Click the Gadgets icon to display the list of available gadgets.
  4. Drag the custom HTML gadget from the Gadget list, and drop it on the desired location.



    When a layout cell or placeholder is empty, a Drop gadget or layout here prompt will be displayed. When you drag a gadget over an empty layout cell or placeholder, it turns green, indicating that you can drop the gadget there. When you drag a gadget above or below a layout, a prompt will appear indicating that you can drop the gadget before or after the layout.

  5. After you have inserted the gadget, click the Edit code button within the page settings on the left.



  6. In the dialog that appears, paste the embed code for the video.
  7. Within the pasted code, replace both occurrences of VIDEO_FILE_URL with the URL of your video file (which you copied earlier).
  8. To have the video played automatically, change:

    to


    and


    to

  9. Click the Save button to save your code changes.
  10. Click the Save button to save your changes to the page.

You can also set loop to true if you want the video to repeat when it's finished playing.

Membership Software - Wild Apricot For sales and support questions, call us!
1-877-493-6090 or schedule a callback
Not a big talker?
email support@wildapricot.com
Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7