You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Videos do not play in player & js does not appear to load Created Aug 19, 2009

This thread is solved

Views: 2998     Replies: 9     Last reply Aug 30, 2009  
You must login first before you can use this feature

doccarter

Posts: 2

Registered:
Aug 19, 2009

Videos do not play in player & js does not appear to load

Posted: Aug 19, 2009

Here is the page I'm using to test flowplayer:
http://www.catholicboy.com/_AVtest.php

I have been trying for three days and I cannot get a movie to load in the player.

What I get are (1) download dialog if you click on the playlist; (2) endlessly spinning wheel if you click on the "play" button inside the player.

Also, the playlist itself oddly defaults to the bottom of the list rather than the top, and while the scroll BUTTONS work, the mousewheel function does not work.

I am using the scrollable demo pretty much verbatim except for file pathsand the specific video files I'm trying to play. I couldn't get the demo to play either, but I just got 404 errors rather than the problems I'm seeing on my page.

It looks to me like the js is just not loading or is not being called correctly.

To be perfectly clear, I am a dumbass when it comes to javascript. Although I have been hacking together websites since 1995, I have never been able to understand javascript.

Please, please, please help me!

Thanks . . .

dan07

Posts: 3

Registered:
Aug 27, 2009

Re: Videos do not play in player & js does not appear to load

Posted: Aug 27, 2009

Reply to: Videos do not play in player & js does not appear to load, from doccarter
I have the same problem. Have you found a solution yet?

It seems (to me) to be something with the Clip object in Player. If I do a call to flowplayer with the first two parameters ("player", "swf/flowplayer-3.1.2.swf"), I can play a video. If I add the clip parameter, then it doesn't seem to work at all. It wants to download a video rather than play it.

zebray

Posts: 23

Registered:
Aug 27, 2009

Likely missing close tag

Posted: Aug 28, 2009

Reply to: Re: Videos do not play in player & js does not appear to load, from dan07
Can you post your flowplayer script so we can assist. It is likely that you are missing something in the clip call. If you can play the video using the main params as you said, then nothing is wrong with the install - it is in your script for flowplayer and clip.

dan07

Posts: 3

Registered:
Aug 27, 2009

Re: Likely missing close tag

Posted: Aug 28, 2009

Reply to: Likely missing close tag, from zebray
Thanks. Here is the code I'm using: (I do have the actual domain name where it says MYDOMAIN.) Since posting my original message, I have been able to get it to play a single video with the Clip object (I had a misplaced comma). But, I have not been able to get it to work with scrollable selections. The scrollable part works, but selecting a video results in the video being downloaded rather than played. If I try to hit play in the player window, the first time it pauses for a second then reverts to the splash screen. The second time, it will have an endlessly spinning wheel, like it is trying to stream or download video, but nothing ever happens.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/flowplayer-3.1.2.min.js"></script>
<script type="text/javascript" src="js/flowplayer.playlist-3.0.6.min.js"></script>
<script type="text/javascript" src="js/tools.scrollable-1.0.5.min.js"></script>

<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
</head>
<body>

<script>
$(function() {
	$("#pl").scrollable({items:'div.entries', size:4, clickable:false});
	
	$f("player", "swf/flowplayer-3.1.2.swf", {
	
		clip: {baseUrl: 'http://www.MYDOMAIN.com/video'} 
		
	}).playlist("div.entries");
	
});
</script>

<a id="player" class="player">
	<img src="swf/images/play.png" />
</a>

<div id="playlist_wrap">
	
	<a class="prevPage"></a>
	
	<div id="pl"> 
		
		<div class="entries">
				
			<a href="video-1.flv">
				Video 1<br />
				<em>0:30 sec</em>
			</a>
				
			<a href="video-2.flv">
				Video 2<br />
				<em>0:30 sec</em>
			</a>
				
			<a href="video-3.flv">
				Video 3<br />
				<em>0:30 sec</em>
			</a>
				
			<a href="video-4.flv">
				Video 4<br />
				<em>0:30 sec</em>
			</a>
				
			<a href="video-5.flv">
				Video 5<br />
				<em>0:30 sec</em>
			</a>	
			
		</div>
		 
	</div>
	
	<a class="nextPage"></a>

</div>

<br clear="all" />

</body>
</html>

zebray

Posts: 23

Registered:
Aug 27, 2009

JQuery Library Renamed?

Posted: Aug 28, 2009

Reply to: Re: Likely missing close tag, from dan07
Did you rename the JQuery library? The default name is jquery-1.3.2.min.js but your code has jquery.min.js?

dan07

Posts: 3

Registered:
Aug 27, 2009

Re: JQuery Library Renamed?

Posted: Aug 28, 2009

Reply to: JQuery Library Renamed?, from zebray
That's how it was named when I downloaded it. The original line in the code was this:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

I downloaded the script (from here) and put it on my server, which is the code in my sample code. When that didn't work, I tried grabbing the copy of the script direct from that googleapis.com site. When that didn't work, I used the line as shown above to directly use the script on the site. That didn't work either.

Here is the example I am trying to implement:

http://flowplayer.org/demos/plugins/javascript/playlist/horizontal.html

I've tried everything I can think of and still haven't had any luck getting it to play videos.

zebray

Posts: 23

Registered:
Aug 27, 2009

Problem Solved Plus Better Example

Posted: Aug 30, 2009

Reply to: Re: JQuery Library Renamed?, from dan07
I wanted to get a similar horizontal nav with JQ as well, so I tried to replicate the horizontal.html example from the FlowPlayer site. Like you, directly copying the code does not work. So I went about fixing it....

There are many problems with the html for that example, as well as what I think was a single problem with the flowplayer script code. Although I made so many changes that now I am not 100% sure where the error was solved.

I think it was with the clip base URL.

clip: {baseUrl: 'http://www.MYDOMAIN.com/video'}

NOTE that in your example and the FlowPlayer example, there is no trailing / after video. Doesn't seem like jscript is modifying this so changing to

clip: {baseUrl: 'http://www.MYDOMAIN.com/video/'}

NOTE the additional / after video, should fix the problem. But maybe I have more changes...so...

You can see a working example from my domain at

http://www.zebray.com/ScrollExample/scroll1.html
That is the exact code from this site, refactored for accuracy and works fine in all mozilla compliant browsers (ie - IE does not work!)

http://www.zebray.com/ScrollExample/scroll2.html
This is modified with video streaming from my site.

http://www.zebray.com/ScrollExample/ScrollExample.zip
In zip format, all code for both examples. You should be able to download the zip, unpack and stream scroll1.html without any problems.

Let me know if this fixes for you.

One more item, the CSS is mozilla compliant but is NOT IE compliant. Viewing in IE will not work - nor does it work on the FlowPlayer stand alone page. Some CSS tweaking is needed for IE compliance.

zebray

Posts: 23

Registered:
Aug 27, 2009

Duplicate Scriptin Libs

Posted: Aug 27, 2009

Reply to: Videos do not play in player & js does not appear to load, from doccarter
Without looking too deeply you have duplicate scripting libraries on the example page:

http://www.catholicboy.com/player/flowplayer.playlist-3.0.6.min.js
http://www.catholicboy.com/player/flowplayer.playlist-3.0.6.js

These are identical JScript libraries - which means if I call a function there are two functions loaded into the browser with the same name. This is a problem.

You also have
http://www.catholicboy.com/player/jquery.mousewheel.js
http://www.catholicboy.com/player/jquery.mousewheel.min.js

Another duplicate.

The difference between the .min version is simply the way in which the code is written (as in typed and not coded) on the file. Min version is minimize without carriage returns and the base version is more readable (if for example you are trying to modify).

Try removing the duplicate scripting libraries.

Also none of the scripts contain type, which means the page doesn't validate with W3C specs

<javascript type="text/javascript" src="path/to/script.js"></script>

You need to add the type as well, this may be missing in the example, don't know.

doccarter

Posts: 2

Registered:
Aug 19, 2009

Thank you!

Posted: Aug 27, 2009

Reply to: Duplicate Scriptin Libs, from zebray
Thanks, Zebray!

That did it! Apparently I just needed a clue as to how the scripts work together. (I admitted how javascript-challenged I am, right?)

I removed the duplicates AND, referring back to the demo, removed all of the scripts EXCEPT those specifically included in the demo.

It's still not working perfectly -- only some of the clips have both sound and video, and I need to figure out how to get my splash image in there. But at least I've got SOMETHING now!

I very much appreciate you for taking the time to help.

Thanks again!

zebray

Posts: 23

Registered:
Aug 27, 2009

No Worries Glad To Help

Posted: Aug 28, 2009

Reply to: Thank you!, from doccarter
Happy to know it is working for you now! Cool deal, you can follow the tutorials closely and should get things working just right in no time.