Working with HTML5 Video (Freeway 6)

Freeway
1

Hi, I’m new here and new to Freeway.

I just followed the instructions from the new Freeway Pro 6 tutorials for loading an HTML5 video. All works well locally. When I publish the page the video works fine when viewed in the (Safari) browser. However when I upload it it won’t play. Safari on OS X just shows a cut down controller saying “Loading . . .”. IE10 on a Win PC and Safari on an iPad both show nothing at all on the page apart from the other items not associated with the video.

Any help much appreciated.

http://www.adcassette.com/newsite/howitworks.html

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

2

Did you use FW to upload this page or did you do it manually.

The animation.mp4 file is not on the server where the page code is looking for it.

David

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

3

Hi and thanks for coming back.

It was uploaded with Freeway. I just have my iPad right now and no FTP client but I will have a look from the office in the morning.

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

4

Hmm,

Well it is up there:

http://www.adcassette.com/newsite/Resources/animation.mp4

I can see it on Fetch, I can download it with Fetch and the downloaded file plays in QT. But linking to it with the browser gives a 404 error.

Sounds like the server is not recognising the file, but it’s there plain as day.

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

5

I just tried uploading the site to a server on my local NAS drive and all works as expected on Safari (Mac & iPad). It works OK on Win 8 PC Chrome but won’t work on IE10.

The remote server is Apache so I tried adding an .htaccess file to add the MIME type “AddType video/mp4 .mp4” but that hasn’t made any difference. I’m out of my depth in this area anyway.

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

6

Sorry I was mistaken, the remote server is Windows IIS, not Apache.

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

7

It may well be that the Mime type needs to be added/configured by your hosting Admin then.

David

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

8

On 3 Mar 2013, at 00:06, “DeltaDave” email@hidden wrote:

It may well be that the Mime type needs to be added/configured by your hosting Admin then.

Yup. If you don’t know how to do this then your host will be able to let you know or do it for you. While you/they’re at it, get them to add Webm and Ogg so users on Firefox can watch your video (and encode your video to one of those formats and select it in the Inspector palette with the Video item selected.

Joe

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

9

Hi again,

Well I had a search around and found a post about how to add mime types with a IIS Web.config file. I created one as follows:

<system.webServer>

    <staticContent>
        <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
        <mimeMap fileExtension=".m4v" mimeType="video/m4v" />
 </staticContent>

</system.webServer>
-----------

uploaded it to the web server and lo and behold it works. (Only set it up for mp4/m4v for the mo). Well I say it works, it’s fine on Mac Safari, iOS Safari, Win 8 Chrome but no joy at all with Win 8 IE10 . . . I’m finding more and more things don’t work with Win8/IE10.

It’s still on the link posted earlier. This is only experimental but I will be adding a video to this site so if I can get the IE10 thing sorted out I’d like to use this method rather than Youtube.

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

10

The issue with older IE is that there is no support for the video tag itself, not just the mp4 video format. It is for this reason that most serious cross-platform video playback setups use a Flash fallback in the video tag, so they can show at least something to these laggards. If you look at the SublimePlayer or VideoJS Actions, they both enable that. I haven’t updated them for Freeway 6 yet, so they will likely not work if a native HTML5 page in Freeway. Switch your page back to XHTML Strict and apply one of these Actions. The page will be switched back to HTML5 and the video tag (and Flash fallback) will be added as it needs to be.

Walter

On Mar 3, 2013, at 12:12 PM, Bob Kerr wrote:

Hi again,

Well I had a search around and found a post about how to add mime types with a IIS Web.config file. I created one as follows:

<system.webServer>

   <staticContent>
       <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
       <mimeMap fileExtension=".m4v" mimeType="video/m4v" />
</staticContent>

</system.webServer>

-----------

uploaded it to the web server and lo and behold it works. (Only set it up for mp4/m4v for the mo). Well I say it works, it’s fine on Mac Safari, iOS Safari, Win 8 Chrome but no joy at all with Win 8 IE10 . . . I’m finding more and more things don’t work with Win8/IE10.

It’s still on the link posted earlier. This is only experimental but I will be adding a video to this site so if I can get the IE10 thing sorted out I’d like to use this method rather than Youtube.

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

11

The Video Extras Action will fall back to JavaScript. Just apply it to the video item and check the Flash Fallback option.

Joe

On 4 Mar 2013, at 13:51, Walter Lee Davis email@hidden wrote:

The issue with older IE is that there is no support for the video tag itself, not just the mp4 video format. It is for this reason that most serious cross-platform video playback setups use a Flash fallback in the video tag, so they can show at least something to these laggards. If you look at the SublimePlayer or VideoJS Actions, they both enable that. I haven’t updated them for Freeway 6 yet, so they will likely not work if a native HTML5 page in Freeway. Switch your page back to XHTML Strict and apply one of these Actions. The page will be switched back to HTML5 and the video tag (and Flash fallback) will be added as it needs to be.

Walter

On Mar 3, 2013, at 12:12 PM, Bob Kerr wrote:

Hi again,

Well I had a search around and found a post about how to add mime types with a IIS Web.config file. I created one as follows:

<system.webServer>

  <staticContent>
      <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
      <mimeMap fileExtension=".m4v" mimeType="video/m4v" />

</system.webServer>

-----------

uploaded it to the web server and lo and behold it works. (Only set it up for mp4/m4v for the mo). Well I say it works, it’s fine on Mac Safari, iOS Safari, Win 8 Chrome but no joy at all with Win 8 IE10 . . . I’m finding more and more things don’t work with Win8/IE10.

It’s still on the link posted earlier. This is only experimental but I will be adding a video to this site so if I can get the IE10 thing sorted out I’d like to use this method rather than Youtube.

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

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