Looping video using Sublime Video

Trying to get a video to work. I want the page to load and then, once started, the video to continually loop. Using HTML5 video I can’t get it to work at all on IE10 or iOS.

So I’ve been trying the SublimeVideo action and can get the video to play on all the browsers I want it to work on. But I can’t make it loop. In fact the way it is at the moment I can’t get it to play at all after its first cycle. There must be a setting somewhere?

Any help much appreciated

http://www.adcassette.com


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

This is definitely possible within the Sublime API, but I don’t expose those options in the Action. You could try publishing the Action on a “scratch” page, so the files are uploaded and the code is generated, and then use the Page / HTML Markup and Insert / Markup Item options in your “hero” page to insert the code long-hand. (If your scratch page is otherwise blank, it will be fairly easy to see the code you need to add.) Then you can explore the options in the Sublime documentation, or use their embed builder (a code generating wizard) that’s part of their site.

Walter

On Oct 23, 2013, at 11:53 AM, Bob Kerr wrote:

Trying to get a video to work. I want the page to load and then, once started, the video to continually loop. Using HTML5 video I can’t get it to work at all on IE10 or iOS.

So I’ve been trying the SublimeVideo action and can get the video to play on all the browsers I want it to work on. But I can’t make it loop. In fact the way it is at the moment I can’t get it to play at all after its first cycle. There must be a setting somewhere?

Any help much appreciated

http://www.adcassette.com


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

Hi Bob,
I was looking at this last week for another project and needed to do something similar. You can’t get to the autoplay and loop functions through the current Action although it is pretty easy to add them in by hand after Freeway publishes the code. If you need to update the page a lot after adding the video you may want to drop the Action in favour of just adding it in as a markup item so you won’t need to edit the code each time the site is published.

Alternatively add the following Action to the Sublime Video item in Freeway, publish the page and edit the source code for the item using the buttons in the Actions palette; http://www.freewayactions.com/product.php?id=015

Here’s a copy of your page with the video autoplaying and looping (repeating as Sublime call it);
http://www.freewayactions.com/test/ad-cassette/

Compare the source code of your page to mine and you’ll see that the video tag has a couple of new attributes attached;

<video poster="Resources/anim_posterframe.jpg" controls="controls" preload="none" class="sublime" width="522" height="360" data-uid="animposterframe" data-autoplay='true' data-on-end='replay'>

Add these to your video and upload the changed page and you should be set.
Regards,
Tim.

On 23 Oct 2013, at 16:53, Bob Kerr wrote:

So I’ve been trying the SublimeVideo action and can get the video to play on all the browsers I want it to work on. But I can’t make it loop. In fact the way it is at the moment I can’t get it to play at all after its first cycle. There must be a setting somewhere?


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

I’m a bit lost Walter. I made a new blank page, put the poster frame on it and added the Action. Published the page and the video plays just as the other one did.

I think I need to add the HTML code

I’m trying to follow the bit where you say "Page / HTML Markup and Insert . . .

But I can’t find a string like that in the menus. Page/HTML Markup just gives me blank box with options for adding code before and after tags, blind as it were.

I’ve done a band-aid by uploading the site and then editing the code in the page itself to add class=‘sublime’ data-on-end=‘replay’ but of course every time I re-publish/upload the site it’s going to zap that bit of code.


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

One thing I was wondering, the inbuilt HTML5 video facility in FW6 could do everything I want but the videos don’t play won’t work on IE10 or iOS. Why is that and is it likely to work one day so we don’t have to bother going to Sublime?


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

Right. That is what you would need to do – you cannot edit the generated HTML, only the code you add yourself directly (as you say, blind).

So what you would need to do is look at the source code of your blank page, and duplicate what it added within the hero page. View the source of your test page in a text editor like Sublime Text or Text Wrangler. Look in the head section of the page code for the script tag that points to sublime’s server. Copy the entire tag – everything including the beginning and ending tags. Now move in Freeway to your hero page, and (since you’ve removed the Action on this page, and thus that script won’t be there) paste that code into the After or Before section of the hero page. (Paste only in one of these.)

Then, where your video would go on the page, draw a Markup Item the same size as your original video* and paste in the code you located within the body of your test page. Only paste the

or other HTML that surrounds it. Finally, edit the

Well, this is all down to the precise CODEC you choose when compressing your videos for the Web. You must use MP4 format (H.264 video and AAC audio compression) and you must have set the video to enable “Web fast start”, which moves the headers that describe the movie to the very beginning of the binary file, so you don’t have to wait for the whole thing to download before it will start to play.

If you do both of those things, then no, the Action isn’t needed. Where you will still need to do some extra work is Firefox for Mac. There, you must also compress a separate WebM format version of the same movie, and select that in one of the Source pickers in the Inspector, just as you would choose additional formats in the Sublime Action interface. (In Sublime, these are not required, because Flash will be used as a fallback in browsers that do not support MP4 video.)

Walter

On Oct 23, 2013, at 1:24 PM, Bob Kerr wrote:

One thing I was wondering, the inbuilt HTML5 video facility in FW6 could do everything I want but the videos don’t play won’t work on IE10 or iOS. Why is that and is it likely to work one day so we don’t have to bother going to Sublime?


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

Don’t like answer 1, love answer 2.

Going to have a bash at the video preparation route when I’m back in harness tomorrow.

Thanks so much, I’ll report back.

Bob.


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

Tried but failed. All I could find to apply “Web fast start” was Quicktime export to .mov (not .mp4). But I needed .mp4 to allow the HTML5 video within FW.

Tried lots of other settings but could never get a video to work on all platforms, IE10 and iOS Safari in particular. In the end I gave it up as a bad job and have streamed the video from YouTube using embed codes to make it loop.

There’s so many options and doing anything with video always takes ages, I find that each time I try to get a video to play cross-platform in a Freeway HTML5 page it just gobbles up my day and I never get anywhere.


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