Embedding Flash Movie with Longtail (JW Player)

http://www.longtailvideo.com/support/jw-player-setup-wizard

I’ve just discovered that Freeway Flash Player Action does NOT support Flash 9 (H.264/AAC) yet.

Can someone post a step by step to embed the code for the Longtail (formerly JW) Player and .f4v file. I do understand the Longtail code but have no idea how to implement in Freeway 5.3.1


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

Hi Craig,

To use this code on your site do the following:

  1. On the longtail site open the File Properties section (in Change
    your Flashvars) and change the File to yourdomain.com
    or the path to your video if you upload it manually, also change the
    Image option to something else if you want a poster frame too
  2. Copy the code from the longtail site
  3. In Freeway create a Markup item by going to the Item>Markup Item menu
  4. Paste the code into the dialog that appears and click Ok
  5. Move the item to where you want it to be and resize it to fit

That’s it, you should be able to just preview to see it working then.
If there are any other options you want to change just change those in
the Longtail site and re-paste the code back into Freeway.

Joe

On 12 Feb 2009, at 23:35, cseeman wrote:

Enterprise Trial | JW Player

I’ve just discovered that Freeway Flash Player Action does NOT
support Flash 9 (H.264/AAC) yet.

Can someone post a step by step to embed the code for the Longtail
(formerly JW) Player and .f4v file. I do understand the Longtail
code but have no idea how to implement in Freeway 5.3.1


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 Ceesman

Below is an alternative method

But before I start I just thought I better say I don’t think longtail supports f4v… well I don’t think it did, I think it only allows flv for the moment. Here is an example which was added to a test site.

Anyway the following example wasnt added in the same method mention by Jo, all this was added using the action Crowbar and placing the scripts in two different areas using Page HTML Markup.

Here is an example with just the two "Digiplug and “P&V” populated with video. You can navigate on the pop-out navigation.

http://www.servondesign.co.uk/clients/TelecityGroup/digiplug.html

This was all added from within Freeway.
The first thing we did was to create a div which we used as a container. Then we clicked in the div in which we wanted the video to be, and using the Crowbar action we add this to the beginning

 <div id="player">This text will be replaced</div>

Then the two other items that need to go in are as follows…

In Page HTML Markup Before you need to paste the address of where the swfobject.js resides so in our example it is…

<script type="text/javascript" src="http://www.servondesign.co.uk/clients/TelecityGroup/swfobject.js"></script>

Then back in Page HTML markup, but this time this script is placed Before this script adjusts the effects, skinning, background colour, categories, size of the video etc… and in our case it was this…

All the scripts are generated via the longtail website so your’s will be different depending on different parameters… this methods is more fiddly than Jo’s method but with the little initial experimentations we did, we found this to be the most consistent method of integrating long-tail plus especially when we started to add skins categories, subtitles rollovers etc etc.

Hope this helps

Max


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

Hi Joe,

See Below

On Feb 13, 2009, at 3:13 AM, Joe Billings wrote:

Hi Craig,

To use this code on your site do the following:

  1. On the longtail site open the File Properties section (in Change
    your Flashvars) and change the File to yourdomain.com
    or the path to your video if you upload it manually, also change
    the Image option to something else if you want a poster frame too

Do you mean here or is there another page you’re referring to?
http://www.longtailvideo.com/support/jw-player-setup-wizard

  1. Copy the code from the longtail site

Done

  1. In Freeway create a Markup item by going to the Item>Markup Item
    menu

Done

  1. Paste the code into the dialog that appears and click Ok

Done

  1. Move the item to where you want it to be and resize it to fit

Done

That’s it, you should be able to just preview to see it working
then. If there are any other options you want to change just change
those in the Longtail site and re-paste the code back into Freeway.

Joe

Now the next part. You mention pointing to the resources folder.
I’ve added
MyVideo.f4v
Player.swf
MyVideoPreview.jpg
bekle.swf (the skin I’m using)
swfobjects.js

Although I added the above to the Site Folder and used Relative rather
than Absolute links.
I was under the impression they had to reside in the same folder as
the page.html file is.

This is why there needs to be Freeway specific instructions. I’m
tempted to do a tutorial on all this one I’m done. I’m surprised it
hasn’t been done yet given the common use of Flash Video and Longtail/
JW Player.

At this point putting everything above in Site Folder I can now
Preview in Browser and everything works.
I’ll attempt putting things in Resources Folder as well. Is it JUST
the .f4v/.flv that goes there?

My Next Question:
Upload Extra Resources Action. I assume I’ll need that (additional
download/Install for those following this thread).
Now I’m NOT SURE what goes where?
The Upload Extra Resources Action has two options: In Resources
Folder, With Page’s HTML File.
In my case if I put everything is Site Folder, what goes where?
In your case if I put everything in Resource Folder, what goes where?

Sorry this is so involved, I’m a professional compressionist but not a
web page builder (obviously).
It sure would be easier if Flash Player Action worked with .f4v (and
btw there may well be an issue with Custom Skins in that as well. At
least they didn’t work with Sorenson Squeeze .swf skins when I tried
with Flash 8 .flv)

Someone needs to write this up. I can’t be the only one attempted this.

Thanks for your all your help. Please bear with me.

Craig

On 12 Feb 2009, at 23:35, cseeman wrote:

Enterprise Trial | JW Player

I’ve just discovered that Freeway Flash Player Action does NOT
support Flash 9 (H.264/AAC) yet.

Can someone post a step by step to embed the code for the Longtail
(formerly JW) Player and .f4v file. I do understand the Longtail
code but have no idea how to implement in Freeway 5.3.1


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

Max,

Thanks for all. GREAT Skin!

BTW see my response to Joe Billings from Softpress on same subject.

Can you point me to Crowbar Action?

I see you’re placing
swfobject.js
before

and the script
before

Is there an advantage to this over Joe’s method?
Is it that one doesn’t have to upload swfobject.js or other elements
multiple times for multiple videos?
Would it make sense to put all the “common” elements to a site before

or some "root" location so all pages could access?

typical “common” elements to a site using a specific player, skin and
swfobjects.js (of course).
player.swf
bekle.swf (the skin I’m using)
swfobjects.js

BTW, since one is generally using the same skin throughout a site it
would be great if there were an action with some basic variable (such
as preview.jpg, video.flv, frame size).
I’ve certainly got the hang of building what I want here
http://www.longtailvideo.com/support/jw-player-setup-wizard
and applying it to a skin I’ve downloaded.
http://www.longtailvideo.com/addons/skins

While I’m currently working on a small site with just one video, I
will be doing a site with around 20 - 30 videos shortly.
I’m trying to think of a method So I’m not pasting over and over again
and then hand coding variables.

It would make a great Action. Sadly, Softpress Flash Player Action
can’t do this (or work with Flash 9) which is what lead me into this
mess errr solution.

Thanks Max!

I hope this detail and may questions is valuable to others who prefer
to use Flash 9, custom skins, etc.

Craig

On Feb 13, 2009, at 9:52 AM, max wrote:

Hi Ceesman

Below is an alternative method

But before I start I just thought I better say I don’t think
longtail supports f4v… well I don’t think it did, I think it only
allows flv for the moment. Here is an example which was added to a
test site.

Anyway the following example wasnt added in the same method mention
by Jo, all this was added using the action Crowbar and
placing the scripts in two different areas using Page HTML Markup.

Here is an example with just the two "Digiplug and “P&V” populated
with video. You can navigate on the pop-out navigation.

http://www.servondesign.co.uk/clients/TelecityGroup/digiplug.html

This was all added from within Freeway.
The first thing we did was to create a div which we used as a
container. Then we clicked in the div in which we wanted the video
to be, and using the Crowbar action we add this to the beginning

<div id="player">This text will be replaced</div>

Then the two other items that need to go in are as follows…

In Page HTML Markup Before you need to paste the
address of where the swfobject.js resides so in our
example it is…

Then back in Page HTML markup, but this time this script is
placed Before this script adjusts the effects,
skinning, background colour, categories, size of the video etc…
and in our case it was this…

All the scripts are generated via the longtail website so your’s
will be different depending on different parameters… this methods
is more fiddly than Jo’s method but with the little initial
experimentations we did, we found this to be the most consistent
method of integrating long-tail plus especially when we started to
add skins categories, subtitles rollovers etc etc.

Hope this helps

Max


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 Craig

I have to shoot off now… but when I get back tomorrow evening I will go through what and why we did it this way
sorry for delaying a proper reply

speak soon max


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

Hi Craig

Sorry about the delay

Ok the reason we did it this way was to match the long-tail example. This method of adding the scripts and there position, was the only way we could get the whole thing to work consistently.
As far as adding the scripts to other pages: what I did in the end was just to duplicate the page I managed to get working, though it could have just as easily been a master, and then I adjusted the script to suite its content (Usually just the name of the video).
Adding the different extra parts like the chapter elements rollovers etc. was not easy and nor was working out the area/size of the video… it really was trial and error… or a better description would be hit and miss… in fact there was quite a lot of foul language flying around that day…
We also weren’t to impressed with the support from Longtail either which was very very slow… and one of the replies we had from them to a problem we had (which was supposed to be straight forward and supported) was if you want bespoke work sorted out then you are going to have to pay us… !!!

So as far as what it can do it’s great, but once you venture off the bog standard then be prepared to put quite a bit of money in the swear box… because that player with that bespoke skin and extra elements took 2 days to sort the script out… yes just the script forget every thing else that was the quick bit.

It makes you appreciate how helpful Softpress and this forum are (10 out of 10) when you compare it to other software suppliers / forums.

Max


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

It sounds painful!
Although I won’t need the playlisting you’ve used, I’m facing a web
page that’ll have a score of videos on it. Some pages will have
multiple videos.
It does seem as though making a master page is the safest route as you
mention.

It’s a shame about Longtail support since it’s a widely used player.
Someone on their support forum (not from Longtail itself though) did
point me in the right direction. They suggested checking the path for
each element in a browser. It was then that I discovered that the host
was not accessing the .flv nor .f4v versions. I tested the same files
on a test page on another site I built and everything worked fine.
Hence the determination it was a MIME type issue with the given host’s
server.

I did finally get my Flash video to work using the “simple” Joe
Billings method. This site only has a single video though.

I do think the story is worth telling though since it seems Flash
Video can be bit of a nightmare.

It turns out the host, who claimed my flash code was bad, had limited
MIME type compatibility. I changed my Flash 9 file from .f4v
to .flv, .mp4 and finally .mov. .mov worked in Flash for this specific
site.

I have to use Flash 9 for most of my work. Flash 9 is H.264 video AAC
audio. Telestream Episode and Sorenson Squeeze default to the .f4v
extension. Apple Compressor’s .mov is Flash 9 compatible as well.
Flash 9 will work in Flash, Quicktime, Silverlight. One codec fits
all. Depending on the circumstance one simply changes the extension
(as I did to fix the issue with the specific host and MIME type
issue). In other words, with Flash 9 it’s very easy to repurpose the
file without having to do another encode. The nifty thing is I can use
the file in Flash and then link to the same file directly for those
who’d prefer to play it in Quicktime.

The problem I ran in to with the Freeway Flash Player Action was that
it would not work with a standard Flash 9 compliant file. It did work
with Flash 8 (On2VP6) but that would put me back on the path (as a
compressionist) to doing multiple encodes. I do hope Softpress figures
out the issue with the Action.

Thanks for your help Max. Although it seems your trials and
tribulations were over different issues it sure seems to indicate
Flash is not easy to work with when you have to “roll your own.” My
swear box is already overflowing.

Craig

On Feb 16, 2009, at 6:17 AM, max wrote:

Hi Craig

Sorry about the delay

Ok the reason we did it this way was to match the long-tail example.
This method of adding the scripts and there position, was the only
way we could get the whole thing to work consistently.
As far as adding the scripts to other pages: what I did in the end
was just to duplicate the page I managed to get working, though it
could have just as easily been a master, and then I adjusted the
script to suite its content (Usually just the name of the video).
Adding the different extra parts like the chapter elements rollovers
etc. was not easy and nor was working out the area/size of the
video… it really was trial and error… or a better description
would be hit and miss… in fact there was quite a lot of foul
language flying around that day…
We also weren’t to impressed with the support from Longtail either
which was very very slow… and one of the replies we had from them
to a problem we had (which was supposed to be straight forward and
supported) was if you want bespoke work sorted out then you are
going to have to pay us… !!!

So as far as what it can do it’s great, but once you venture off the
bog standard then be prepared to put quite a bit of money in the
swear box… because that player with that bespoke skin and extra
elements took 2 days to sort the script out… yes just the script
forget every thing else that was the quick bit.

It makes you appreciate how helpful Softpress and this forum are (10
out of 10) when you compare it to other software suppliers / forums.

Max


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