After spending countless hours I’ve managed to work it out and hope this helps you all.
To keep things simple, say you have the following details:
created a bucket in your amazon S3 called luckywebs
The folder created inside this bucket is called videos
You have uploaded your video called embedding-videos-from-amazon.mp4 inside the videos folder. Your video format is mp4.
But wait. Did you use handbrake (free video conversion software) to change the mp4 encoding to h.264. For example I recorded a screencast for a remote client and it was for 20 minutes (high definition). It was 334MB (way too big). After using handbrake it came down to 34MB.
Based on the above your full path would be https://whateverserverlocation.amazonaws.com/luckywebs/videos/embedding-videos-from-amazon.mp4
As Uzmas mentioned, adding this URL defeats the purpose. So here’s what you do:
Check that the following areas in the Secure HTML Video Editor Settings page are as below:
Security (Tab 1)
Video Directory
Leave this empty
Secure seed
Generate a new seed and hit “Save the options button”
S3 Settings (Tab 3)
Enable Simple Storage Service
Place a tick beside this option
S3 Server
Select the relevant server. Go to your Amazon AWS page and check which server location you have chosen when uploading your video. (Last thing you need is to select Ireland when you have uploaded your video to a server in Tokyo.)
Access Key
Get these by clicking your username in your Amazon AWS page (top right of that page) select Security Credentials and either create a new access key as it then shows you the secret key (below).
Secret Key
As above
S3 Bucket
luckywebs
S3 Video Directory
videos/
S3 Media Lifespan
8 days (until you see everything’s working, then you can change this back to 8 hrs)
Then hit “Save the options button”
Now go to your post/page but before you enter the following shortcode you should scroll down to the Secure HTML Video Player section. You should see the video show up in the video field. If you don’t then try clicking the empty drop down beside the video field. If you still don’t see it, read this entire post and start from the top until it works.
One you have successfully selected the video from the drop down of Video in that page, enter the following shortcode in the editor section of your page/post:
[video file="embedding-videos-from-amazon"]
If you’re using a cache plugin then empty the cache (you should empty your browser cache every time you want to see any changes).
If the above still doesn’t work then make sure you select the bucket, the folder and the file individually and then check all their permission settings. Make sure you have added “View Permissions” for Everyone or Authenticated Users. During testing use Everyone and then change it.
But even then the visitors who can see the video can still download the video by right-clicking the video and select Save Video or copy Video URL. I didn’t really like that. So I added the following code just for that page (I don’t want to disable right-click on all my website pages):
<script type="text/javascript">
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
</script>
You need to add this code to header.php of your WordPress site. But again, if you only want to prevent right-click for that video page, then you can add this JavaScript code through a layout builder plugin such as Visual Composer (by selecting add element > RawJS > pasting the code).
Good luck!
