Video doesn"t play, player shows up but Created Mar 6, 2010

Please, is there nobody who would know something about it ?
I also tried this code:

<object id="player" data="http://www.portatronics.de/flowplayer/flowplayer-3.1.3.swf" type="application/x-shockwave-flash" width="425px" height="355px"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="quality" value="high"><param name="cachebusting" value="false"><param name="bgcolor" value="#000000"><param name="src" value="http://www.portatronics.de/Video/WDRServicezeit.mp4&autoload=1"></object>

Not the minimal setup nor this code play the video.
What is wrong ?

Thanks again.
Anodyne

I visited the link you provided in your first post, it opens up an entire site. Could you please create a page with the problem, which you are facing. In btw, please upgrade your player from 3.1.3 to 3.1.5.

--
Chetan
http://riageeks.com

Thanks for your kind reply.
I cannot just create a page with the problem because I installed the player to an Xt-commerce shop. That means the player is initiated through a general file, general.js.php, which makes the player available to all pages on the shop. I then call the player up in the html file of this particular site which I gave the link to. Everything is done like explained in the minimal setup tutorial. You may just look into the source code. (I only comment the player out sometimes because I have the same video embeded from YouTube.)
The player shows up but says:
200, Stream not found, Netstream.play.streamnotfound,clip:'[CLIP]
'http:www.portatronics.de/Video/WDRServicezeit.mp4"
The source of the file is written accurately. I also tried it with an .flv file. Same message.
The problem is that the player doesn't find the file even though it is exactly there. I created a folder on public_html of the domain and in this folder is the mp4 file, so the path is correct. I know this since I have a small button-xspf-audio- player somewhere on my page and it works properly with the same source path pattern.
If my english is not accurate I kindly ask to connive at this fact since I am german.
Can you imagine a reason for the player not being able to find the mp4 file ? (other than a wrong path)

I mean, I am considering to purchase a licence but I must be sure the player works in the most popular browsers first.

Thanks again for your help.
Anodyne

I solved the problem and even managed to get rid of this autoplay default. Thanks for answering me.
Just a tiny poblem is left.
In IE 7 the player doesn't work, if somebody knows something about it, I would appreciate a comment.

Thanks again,
peace wishes,
Anodyne

Does no one have a suggestion on this forum ?
I beg your pardon but I found that all the IE 7 and IE 8 problems of users are not solved.
I tried this code:

<a href="/Video/WDRServicezeit.flv" style="display:block; width:auto; height:360px;" id="player"> </a>
<script language="JavaScript"> $f("player", {src: "/flowplayer/flowplayer-3.1.5.swf"}, { clip: { autoPlay: false, autoBuffering: false, cachebusting: true}}); </script>

but it even fu... up the design of the page in IE 8, in IE 7 the page doesn't even open...

Is there no fix for the IE problem with commas in javascript ? or what is the problem here.

Thanks for your time,
in case sombody knows something about this problem.

Anodyne

I am sorry to give you false hopes of an answer but I myself am struggling with getting answers for my problem, I came on this thread going through all the posts to hopefully find some clues to what I "should" be doing since I do not know xhtml coding. If I find an answer to your problem however I will post back, other wise this is just another bookmark in my browser.

@kjpolker
You are great in your irony, thanks a lot for your reply.
I solved my problem with reading a lot and by using trial and error. After having downloaded the jquery.min file and after having solved some supposed to exist javascript conflicts everything works fine, even though I have to admit I didn't really understand why.
Tell me about Your problem please, may be I can help...
Cheers,
Anodyne

Well I honestly don't know really anything about html code, I mean I know how it works because I do some programming but I don't fully understand the layouts and commands, so basically I am simply trying to put videos on my website, I will post to you EVERY flowplayer line I have in my website code so you can see if I am missing things or I just have it all wrong.

Directly under my "<head>" I have:

<script src="/Flowplayer/example/flowplayer-3.1.4.min.js"></script>

Than I have some web page content and directly above "</body>" I have:

<style>
a.myPlayer {
	display:block;
	width: 320px;
	height:240px; 
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
}
a.myPlayer img {
	margin-top:70px;
	border:0px;
}
a.myPlayer:hover {
	border:1px solid #000;
}
</style>
</p>
<a class="myPlayer" href="http://konnectionfilms.com/Videos/LastChance/Episode1.flv">
  <img src="/Flowplayer/play_cust.png" alt="Episode 1"></a>
<p class="Text style3">Episode 2 - Last Chance</p>

For some odd reason it won't let me post a small line I have, but it's just a link to the 2nd video (same as the first where it says href="blabla")

<img src="/Flowplayer/play_cust.png" alt="Episode 2" /></span></p>

I understand it is very screwed up so hopefully you can guide me =) Basically I just want two video players the default size (same size as the demo's) that don't auto play. If you need anymore information honestly please let me know! I appreciate your concern greatly and hope to hear from you soon, you can also send me a email at: kjpolker@yahoo.com
Thank you again Anodyne.

Okay, let's try.
First of all you should upgrade to
flowplayer-3.1.5.min.js if you don't have it already.
Then specify your script and style files:

<script language="JavaScript">.....</script>

and

<style type="text/css">.....</style>

Leaving out the specification can cause problems to some browsers.
Then I found a closing p tag under the closing style tag. There is no reason for this p tag.
Your CSS looks good as far as I can see (to get a look at the page btw. would be helpful).
Then, where is your calling javascript code ?
Underneath the a tag containing your file there must be something like this:

<script language="JavaScript">
$f(".myPlayer", { src: '/...../flowplayer-3.1.5.swf', cachebusting: true }, 
{ clip: { autoPlay: false, autoBuffering: false}});
</script>

The p tag with your text should show up if your class is defined in the CSS file but I am not sure that you can use white space in CSS classes as long as they are not various different classes. Just now I don't have the time to look it up. What I mean is this:
You write:

<p class="Text style3">Episode 2 - Last Chance</p>

If this Text style3 is just one class you should write it without white space or with an underscore in between Text and style3.
Hope that helped so far but, as I said before, a link to a page would be helpful since I could look into the whole code then.

Greetings,
Anodyne

Here is the webpage to where I would like the videos:
http://www.konnectionfilms.com/Website/Media.php
On that website is a link to our two series, "Last Chance" is the only one with episodes so I can only test on that page at the moment.

I hope you can read it because I am not lying when I say it is a mess, I used dreamweaver to make these and I am not advanced enough to go on my own and remove/add code. Thanks so much for the help so far, I'm looking at your example trying to add them in.

Okay so I added the bits to the web page and nothing, here it is:

<head><script src="/Flowplayer/example/flowplayer-3.1.4.min.js"></script>

There is line break after the "<head>" I just couldn't post the script for some reason so I had to join them in one line.

<script language="JavaScript"><style type="text/css">
a.myPlayer {
	display:block;
	width: 320px;
	height:240px; 
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
}
a.myPlayer img {
	margin-top:70px;
	border:0px;
}
a.myPlayer:hover {
	border:1px solid #000;
}
</script></style></script>
<script language="JavaScript"><style type="text/css">
<a class="myPlayer" href="http://konnectionfilms.com/Videos/LastChance/Episode1.flv">
  <img src="/Flowplayer/play_cust.png" alt="Episode 1"></style></script>
  <script language="JavaScript"> 
$f(".myPlayer", { src: '/Flowplayer/flowplayer-3.1.5.swf', cachebusting: true },  
{ clip: { autoPlay: false, autoBuffering: false}}); 
</script></a>
<p class="Text style3">Episode 2 - Last Chance</p>
<script language="JavaScript"><style type="text/css">
<a class="myPlayer" href="http://konnectionfilms.com/Videos/LastChance/Episode2.flv">
	<img src="/Flowplayer/play_cust.png" alt="Episode 2"></style></script>
    <script language="JavaScript"> 
$f(".myPlayer", { src: '/Flowplayer/flowplayer-3.1.5.swf', cachebusting: true },  
{ clip: { autoPlay: false, autoBuffering: false}}); 
</script></a>
</body>

Hi again kjpolker.
No, no, no. You didn't read my last comment properly.
For Javascript you have to use the code I posted before.
For CSS you have to use the code I posted before.
Now you mixed them all up.
Unfortunately I don't have time in the moment, I will answer you later more explicitly, so for now shortly.
In the head section has to be the source of the Javascript like this:

<script language="JavaScript" 
src="ThePathToYour/flowplayer-3.1.4.min.js">
</script>

All CSS files should be in an external CSS file with the ending .css and then you refer to it also in the head section like this:

<link rel="stylesheet" type="text/css"
href="PathToYourCSSFile/nameOfTheFile.css"/>

or you put the whole CSS File in the head section like this:

<style type="text/CSS">
your CSS
</style>

Then try to use my code for the calling of the player in the body section. That means your a tag where the video file is linked and than the Javascript code I posted in my previous comment.
I am not quite sure that you can style the player with some a tag CSS. I think that has to be done in the Javascript section I just told you about. Here I give you an example of the code I used, just change the colours and the size as you like:

<a href="/Video/blablabla.flv" style="display:block; width:auto; height:360px;" 
class="player"> </a>
<script language="JavaScript">
$f(".player", { src: '/flowplayer/flowplayer-3.1.5.swf', cachebusting: true }, 
{ clip: { autoPlay: false, autoBuffering: false}, 
plugins: { controls: {tooltips: {buttons: true}, 
tooltipColor: '#1FADFF'}, { autoHide: 'always', 
hideDelay: 3000, backgroundColor: '#0086D3', 
bufferColor: '#555555', bufferGradient: 'low', 
buttonColor: '#555555', buttonOverColor: '#6E6E6E', 
sliderColor: '#003452', sliderGradient: [0.3, 0.0, 0.3], 
volumeSliderColor: '#003452', volumeSliderGradient: [0.3, 0.0, 0.3]}}, 
canvas: {backgroundColor: '#0086D3', 
backgroundGradient: [0.6, 0.0], border: '3px solid #0086D3'}
}); </script>

The best way to do this is to copy the code and then slowly change things while looking at them in a browser.
I didn't yet figure out how to post an image on the canvas of the player before it starts but you find some good information on that on the flowplayer website.
I'll write you more later on.
Be sure to use the right forms. There is always an opening and a closing tag and you must use the specs for CSS and Javascript.
The specs are text/javascript (or language="javascript") or text/CSS as shown above.
Good luck so far.
Anodyne

P.S. Btw. I used class=player instead of an ID=player as you see above. With this you can use the same code for all players only by changing the file path. With id you must name every player differently (e.g. player1, player2 etc.)
Some helpful sites:
http://www.w3.org/TR/REC-html40/
or if you need XHTML:
http://www.w3.org/TR/xhtml1/
http://www.w3.org/Style/CSS/learning

Okay im frustrated, it won't let me post the scripts it keeps bugging out even though I defined it as html|java, so please just take a glance at the site, its small with little content so it shouldn't be confusing.
http://www.konnectionfilms.com/Website/LastChance.php

Any ideas? Thank you so so much so far for the help, honestly I appreciate it a lot.

Okay, I don't know about the rest of your page but the code for the player looks okay now.
Are you sure you posted the right paths for the swf and the flv file ? If yes, try the absolute paths instead of the relative ones, meaning instead of

 /Flowplayer/flowplayer-3.1.5.swf and /Videos/LastChance/Episode1.flv

you try to use the entire path:

http://www.YouDomain/YourFolder/YourFile.flv

and the same with the swf file.
Do you really have the swf file here ?:

http://www.konnectionfilms.com/Flowplayer/flowplayer-3.1.5.swf

Something with the path must be wrong, it works on my page with the code I gave you. And please change the colors to your own skin colors.
Tell me about the paths and we will look further.
Greetings,
Anodyne
P.S. I like the menu with the floodlights when you hover the mouse over them.

Unfortunately still no luck, sorry for the long wait I have been a little busy but I do appreciate you sticking around. You can check the website I have re uploaded it and still nothing, I have no idea what's wrong, if I post the code I have for the player in this reply it shows up as the player and looks like it works, just not on my website. I really am not sure what's wrong.
Here is the site if you would like to look at it:
http://www.konnectionfilms.com/Website/LastChance.php
And I am 100% positive the links are exact, I checked them all.

P.S. I planed on changing the colors of the player but it is too complicated for me to change something I have no idea what looks like, if I can get the player to work I will than customize to my own colors.

P.S.S. Are the swf files something I need to make on my own? I have no idea what they stand for or mean, I just linked it to the swf file given to me in the free download package. Same with the js file.

Hi again.
First of all:
You posted the following path for the swf file !!:

http;//www.konnectionfilms.com/Flowplayer/flowplayer-3.1.5.swf

The semicolon behind http is wrong it must be a colon.
Then: your js file is in a different folder ? flowplayer/example......
Put all flowplayer components in ONE folder, that means the 3.1.4.min.js file and the controls and the 3.1.5.swf file.
Make again sure you use the right paths.
Do you really have the right files ?
You'll need :
flowplayer-3.1.4.min.js (no! example/...)
flowplayer-3.1.5.swf
flowplayer.controls-3.1.5.swf
All in the same folder (the controls are fetched automatically, you don't have to refer to them).

Secondly:
You used the class="Player" variant in the a href tag, then you have to call the player with a dot before player in $f(".player", you wrote it without the dot and the player has no reference to the player in the a tag then.
If this doesn't change anything try to use id instead of class in the a href tag and then don't use the dot in the calling of the player.

If all this doesn't work, you could have a problem with a collision or a conflict with other javascript used on your site.

Once the player works use this tool to change the colours as you like, just try out a bit:
http://www.colorschemer.com/online.html

P.S. The thing about the files I explained above already.

Don't give up and follow my advices slowly and strictly.

Greetings,
Anodyne

Well I feel like I am getting somewhere, I did all you said and nothing seemed to change, so I changed the "class" to "id" and I finally got one of those little golden shield icons with an anchor icon (it looks like) in the upper left corner of the div. however on the website itself nothing has changed, I even tried getting rid of the entire URL path from:

http://www.konnectionfilms.com/Flowplayer/flowplayer-3.1.5.swf"

to...

/Flowplayer/flowplayer-3.1.5.swf

That is if this really changes anything, I triple checked the paths and they are good, I moved the js to the main folder, and I changed the";" to ":". I am not sure what can be conflicting as I don't have any other java coding in my page, the only animation I got is the hover over menu bar from flood lights on/off. Other than that it is just text, css styles, and background/images. I can't wait to find out this problem and hope the conflict is resolved soon!

Okay, I don't see any more faults.
There must be sth wrong with the paths (okay you verified them various times) or the files themselves.
To prove what I am saying look at my page (in german but you can see the players work and you can look at the code by right clicking and choosing "view source code").
http://www.portatronix.de/shop_content.php/coID/16/content/Presse

What you could try is to use "flowplayer" instead of the "$f" in the javascript code:

<script language="JavaScript">
flowplayer("player", { src: '/flowplayer.....'</script>

as is recommended in the minimal setup in Step 3 here:
http://flowplayer.org/documentation/installation/index.html
But actually that is the same as "$f".
I just realized that you didn't close the p tag just before the players a tag in:

<p align="left" class="Text style1"><strong>Episode 1 - Last Chance</strong><!--missing--></p>

I have no other idea in the moment.
Anodyne

P.S. you have got more javascript on your site, what is this e.g.:

Scripts/AC_RunActiveContent.js

Okay so i tweaked it even more, I closed my </p> (that was just so the brown css background would continue through the player. the "Scripts/AC_RunActiveContent.js
" I have no idea what it is, but when I deleted it, all of my site was absically gone, I had "episode 2" written in white font on a black background, so I don't know what it is. I can't upload it at the moment to a host but I will around 4pm EST.

Okay, I understand.
Then put the closing p tag after </script>
But actually in the moment I don't understand why the player doesn't work on your page.
Did you have a look at my page ?
I used the exact same code and it works.
I will again look over it during the next days but I have got the impression that your video file path or the swf file path is wrong. The flv shows up as you can see when you hover the mouse over it, it shows the pointer and when you click on it you are asked if you want to save the flv file, so the file is there but the player ?
Anodyne

P.S. Try to put everything from "plugin:" until "canvas" begins (until: [0.3, 0.0, 0.3]}},) in one row with no line feed or brake. May be that helps...
And: download the jquery library, after I did that I got the player even to work in IE without knowing why.

Still nothing =( When you said download the jquery library did you mean a actual download from the internet or a as in into my script? I click on download and it gave a huge website URL filled with coding, so I just through in this script

"<script src=http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script>" under my "<script src=http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script>"

But nothing changed. If you would like to check my paths go ahead yourself, each one links to everything correctly.

-http://www.konnectionfilms.com/Flowplayer/flowplayer-3.1.4.min.js

-http://www.konnectionfilms.com/Flowplayer/flowplayer-3.1.5.swf

This kind of sucks.

I am really sorry for you but if you looked at my page you saw the exact identical code I gave you at the first place and it works.
I am not so much into Javascript, just trying to help because I know what pain in the a.. that can be.

I suppose you have got a conflict with the body onload function but I am not sure. You should try to post the javascript code in the head section (may be just over // WebTV has Flash Player 4 or lower -- too low for video):

function callPlayer()
 { 
$f(".player", { src: '/Flowplayer/flowplayer-3.1.5.swf', cachebusting: true }, 
{ clip: { autoPlay: false, autoBuffering: false}, 
plugins: { controls: {tooltips: {buttons: true}, 
tooltipColor: '#1FADFF'}, { autoHide: 'always', 
hideDelay: 3000, backgroundColor: '#0086D3', 
bufferColor: '#555555', bufferGradient: 'low', 
buttonColor: '#555555', buttonOverColor: '#6E6E6E', 
sliderColor: '#003452', sliderGradient: [0.3, 0.0, 0.3], 
volumeSliderColor: '#003452', volumeSliderGradient: [0.3, 0.0, 0.3]}}, 
canvas: {backgroundColor: '#0086D3', 
backgroundGradient: [0.6, 0.0], border: '3px solid #0086D3'}
});
}

and then call it also with the onload event handler, at the end of your onload functions you add:

<body onload="MM_preloadImages(...);MM_CheckFlashVersion(....);callPlayer();">

I really wish it works, I don't know any better.
Since I think the body onload function is the malefactor this should be the solution but you should ask somebody who knows more about Javascript, sorry.

And put the closing p tag at the end of the closing a tag of your video file to get the background color back.

Anodyne