Tutorial

Using Amazon s3 with the MemberGate media player & Securing your files

Once you have connected your Amazon s3 account to your MemberGate site, you can start creating players and protecting your files with the MemberGate Media Player

Video and Audio files which you have uploaded to your Amazon account, can be embedded on your content, department or portal pages using the MemberGate built-in video player.

The players have a responsive option so it will adjust to the screen size on any desktop, tablet or mobile device.

Your members will be able to view the embedded video directly from your pages. 

As MP4 files can be viewed on all devices, MemberGate recommends using MP4 video files and MP3 audio files

(As FLV files are no longer supported by Adobe, we can provide no support !)


 

To Embed a Video File:

Click on each section to expand for more information:

1. From under 'Multimedia' choose 'Video Player'

From under 'Multimedia' choose 'Video Player'

 

2. Choose 'Add New Video Player' from the drop down menu and select 'Add/Edit Video Player'

Choose 'Add New Video Player' from the drop down menu and select 'Add/Edit Video Player'

3. Add a title for the video in the 'Video Title' field and a description in the 'Video Description' field

Add a title for the video in the 'Video Title' field and a description in the 'Video Description' field

 

Embed a Video Using the Built in Player
4. Upload the Video File

If uploading the file directly to the site, in the 'Video File' field, click 'Upload Video File' and select the file from your local drive. Visit the tutorial on uploading large files directly through your control panel for further instruction if necessary.

 

Embed a Video Using the Built in Player

 

 


   
To select the file from your Amazon S3 Account choose the 'Select Amazon S3 Video File' link. Visit the tutorial on using Amazon S3 to upload your files for more instruction if necessary.

 

 

 

To use a video hosted at another third party solution, click 'Enter Other Video URL' and enter the full URL of the video in the box. Visit the tutorial on using files hosted from a third party for more instruction if necessary.

 

5. Click on 'Upload Image File' to upload a Video Image

Video Image - Click on 'Upload Image File' and select an image from your local drive. This image will appear as the static image for the video player before it begins playing.

 

Embed a Video Using the Built in Player
6. Add video dimensions and video skin

Add a Video Width and Video Height

Set the type of Video Skin for the Player. The drop down options are slim, fat or full.

 

Embed a Video Using the Built in Player
7. Update the Fixed Controls

Check the box for 'Fixed Controls'. If that box is checked, the controls will be shown the whole time. If the 'Fixed Controls' is left unchecked, the bottom controls will only show when the user hovers over the video player.

 

Embed a Video Using the Built in Player
8. Set if the video is responsive

Video Responsive - Checking that box will create a responsive video player that fills the width of the page.

 

Embed a Video Using the Built in Player
9. Set the video to play automatically

Video Autoplay - Check that box if the video should automatically begin playing upon loading. Leave the box unchecked so the user has to manually click the play button to begin watching.

 

Embed a Video Using the Built in Player
10. Set if the video should loop

Loop Video - When this box is checked, when the video is watched to the end, it will begin playing again from the start automatically

 

Embed a Video Using the Built in Player
11. Choose the Video Volume

Video Volume - Choose the initial volume setting for the video from the drop down box. The user can manually adjust the volume in the controls.

 

Embed a Video Using the Built in Player
12. Set the color for the buttons

Button Color - Set the Color for the buttons on the control bar. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

Embed a Video Using the Built in Player
13. Set the color for the progress and volume bars

Progress/Volume Bar Color - Set the color for the volume and progress bars on the player. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

Embed a Video Using the Built in Player
14. Set the color for the playbar background

Playbar Background Color - Set the color for the color behind the volume and progress bars. Click in the first box and enter the hexadecimal color if known, or click in the color box to choose a color. 

 

Embed a Video Using the Built in Player
15. Set the screen color

 Screen Color - Set the color for the background of the video. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

Embed a Video Using the Built in Player
16. Choose 'Save this Video'

Click on the 'Save this Video' button

17. Copy the CF tag and paste it where you would like the video to appear

Copy the CF tag and paste it in the main text box of a content, department or portal page where you would like the video to be shown.

 

Embed a Video Using the Built in Player

 

To Secure Your Amazon s3 File:

Whatever tool you use to upload your files to Amazon s3, set the file to 'Private'

Now, navigate to the file you are using to create your player:

Click to toggle the Bucket Policy Security feature

You will notice that the Permission has changed from Access Granted to Access Denied

Now you can continue to make or edit your player,  knowing that the file cannot be accessed

With Amazon's Bucket Policy enabled, it no longer matters that the file address can easily be identified in all modern browsers

The file address is useless to pirates - as it can't be accessed:

 

 Here is an example of an embedded video player: