[Pro] Video Served from S3

Freeway
1

I have a simple page with a rather large video. It is an h.264 encoded MP4.

It works as I wish, but instead of having the video be uploaded as a resource, I want to link to it on S3 to comply with my host’s bandwidth and storage limits.

thanks.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

I think you’re going to have to hand-code this in your page, and do a little work with Transmit or another FTP application that understands S3. To do this easily, import the video normally in Freeway, then use a programmer’s text editor to view source of the published page. (To make this possible, define your text editor – TextMate, BBEdit, or TextWrangler or similar – as a browser in Freeway’s File / Preview in Browser / Browser Setup sub-menu. Then just choose that “browser” from the list to see a nice, color-coded view of your published page.)

Look for the 

<video autobuffer controls poster="Resources/video.png">
  <source src="Resources/video.mp4" type="video/mpeg"/>
</video>

would get changed to this:

<video autobuffer controls poster="http://example.s3.amazonaws.com/movies/video.png">
  <source src="http://example.s3.amazonaws.com/movies/video.mp4" type="video/mpeg"/>
</video>

When you upload your files to S3, you need to ensure that it is set as publicly readable. Your FTP application will allow you to do this – Transmit does, anyway – just select the file and choose Get Info to open an inspector. You want it to say Read: World and Write: Owner.

Back in Freeway, delete the video element, and replace it with a Markup Item. Paste the hand-edited code into it, okay out of the dialog, and see whether it plays.

Test this in many browsers to be sure that it plays back as expected. You should also include any other fallback versions like WebM if you are worried about Firefox for the Mac. If you have any problems with playback on all browsers, you may need to log into S3 in a browser, and use the Amazon console to set the media type on the files you uploaded. Depending on your upload method, they may not be set automatically, and so the browser won’t get sent the correct file-type headers that tell it how to play the video.

Walter

On Jul 8, 2014, at 12:40 PM, tedg wrote:

I have a simple page with a rather large video. It is an h.264 encoded MP4.

It works as I wish, but instead of having the video be uploaded as a resource, I want to link to it on S3 to comply with my host’s bandwidth and storage limits.

thanks.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

This worked well. Thank you Walt.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Actually, I didn’t test with many browsers. Doesn’t work with Firefox on PC or Mac.

The poster image has the text superimposed: “No video with supported format and MIME type found.”

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Firefox requires that you set an alternate version in either Ogg/Theora or WebM format. You add that as a second tag, after the mp4 version.

Walter

On Jul 22, 2014, at 8:01 PM, “tedg” email@hidden wrote:

Actually, I didn’t test with many browsers. Doesn’t work with Firefox on PC or Mac.

The poster image has the text superimposed: “No video with supported format and MIME type found.”

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options