Amazon S3 Embed Audio/Videos

[Melissa West]

I recently migrated from VBulletin over to IP and am struggling with embedding audios and videos.
I use a service called EZS3 to create players and then I used to place the code in a post and it worked.
Unfortunately it's not working now. The ones I migrated work but new ones won't.

I wonder does anyone have a good solution for video and audio players where the files are hosted on Amazon S3 servers?

Many thanks
Melissa

[opentype]

So how do these players work? iFrames? JavaScript? 

Depending on how they are working, you might need to use the editor whitelisting options in the ACP. Some things get stripped for security reasons otherwise. 

There also could be other problems like calling insecure URLs. It would help if you would show an actual code sample. 

You might also be able to create a custom editor button for your players so you don’t have to paste the full HTML code all the time. 

[Melissa West]

Thanks for replying.

Here's code that I use. There are two options, one is Iframes and the other JavaScript. I only use iFrames as it was recommended I do so years ago (possibly a security issue back in the day?)

But here's a typical bit of code for both an audio player:

 

<div class="ezs3embed" style="position:relative;padding-bottom:31px;height:0;overflow:hidden;margin:0 auto 0 0;max-width:350px;"><iframe src="//drwestvideoswebsite.s3.amazonaws.com/Monday-Meditation/ezs3js/player/mp3/562176AE-E359-7ADE-3D63AF4994A8E4E9.html?cb=20181023013655" scrolling="no" style="position:absolute;top:0;left:0;width:100%;height:100%;border:none;" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><div style="padding:4px;text-align:center;position:relative;height:25px;overflow:hidden;margin:0 auto 0 0;max-width:350px;"><a target="_blank" style="vertical-align:middle;" href="http://drwestvideoswebsite.s3.amazonaws.com/Monday-Meditation/2018-10-22-Monday-9am-Meditation.m4a"><img src="//www.ezs3.com/images/download.png" style="vertical-align:middle;background:#ffffff">Download</a></div>

 

[opentype]

Yikes. That code looks terrible. 

But anyway. I general: You should be able to post that using the “source mode” in the editor as admin. 

Personally, I would try to find a different provider for your future audio/video embedding. With services like YouTube, Vimeo, Soundcloud on so on you and your users just paste a link and it will instantly be turned into a player. 

[Joel R]

I agree with @opentype that the easiest method in today's Internet is to upload to a service like SoundCloud or YouTube.  Those links display beautifully in Invision community as a rich embed and you don't have to worry about storage or encoding.  

[Melissa West]

Thanks all...I'll check out SoundCloud...I just like having the files on my own storage as once upon a time I used to host my videos on a platform that was free (Blip.TV) and they decided to close their doors and deleted all the videos....as a result I am gun shy and like having the files on my own Amazon S3 server. Thank you to both of you for your thoughts :)
Warmly Melissa

[opentype]

Well, you can host them yourself with your community itself. 

Videos are natively supported. For audio there is:

 

[Melissa West]

Thank you so much...this might really help me out as I would love to keep the files off the server and on Amazon S3 :)

Many thanks @opentype 

[James O'Malley]

Hi Melissa,

Maybe check out S3Bubble.com they may be an option for you, however they are shifting from iFrames to Oembed, which I'm trying to discover if they embed in my Community.

I use them to serve from my Amazon S3 via Cloudfront distribution to my wordpress site linked to my community.

 

[Melissa West]

Thank you @James O'Malley