Jump to content
Sign in to follow this  
Tawnya Sutherland

Amazon S3 Video Embed Code

Recommended Posts

I've been looking for a way to easily play Amazon S3 videos online for awhile now. I use Amazon S3 for my video storage but it's always a pain to have to upload a player with every video so general public can watch same. I didn't realize you could embed your Amazon S3 video into the basic HTML5 Video players. Here's how to do it thanks to WP Learning Lab

The code below will put the Amazon S3 video you link to in the basic HTML5 video player. Just replace “PATH-TO-VIDEO” with the video URL.

If you want to have a custom still image at the beginning of the video use the “poster” attribute. Replace “PATH-TO-STILL-IMAGE” with the URL of the image.

By default, the HTML5 player allows people to download the video. To remove that functionality I’ve added the controlsList=”nodownload” parameter. If you want to allow downloading of the video simply remove that parameter.

 
1
2
3
<video width="640" height="360" controls controlsList="nodownload" webkitallowfullscreen mozallowfullscreen allowfullscreen poster="PATH-TO-STILL-IMAGE">
    <source src="PATH-TO-VIDEO" type="video/mp4">
</video>

Allow Autoplay: To have the video autoplay you’ll need to add autoplay to the video tag as in the example below.

1
2
3
<video width="640" height="360" autoplay controls controlsList="nodownload" webkitallowfullscreen mozallowfullscreen allowfullscreen poster="PATH-TO-STILL-IMAGE">
    <source src="PATH-TO-VIDEO" type="video/mp4">
</video>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Want to Become a VA?
    Invest in The VAC!
    How Do YOU Startup A



    Are You a VAinsider?
    Virtual Assistant Organization Association
    Upgrade Your FREE Account & Receive Today...
    * Access to Our Job Board *
    * VA Training Tracks*
    * Group Coaching *
    * Private Mastermind Area *
    * Business Templates *
    * Contracts & Forms*
    *Checklist & eBooks *
    * Seminar Archives *
    * Plus VAinsider Perks! *
    UPGRADE HERE

    Virtual Assistant Organization Association









    HootSuite - Social Media Dashboard

    Affordable online backup for your small business


    Click to see your AD here!


    Cool Virtual Assistant of the month!

×

Important Information

By using this site, you agree to our Terms of Use.