I understand that the jQuery scripts have to be installed, how do I install this player, to get working on my page ?
There are two articles associated with that demo which seem to give some fairly comprehensive instructions. Do these help?
I realize that second one does end with this comment:
I recommend that, if you want more information about customizing the 2 plugins, you should visit their respective pages here for Fancybox: http://fancybox.net/ and here for Flowplayer: http://flowplayer.org/ .
I guess that implies that not everything is explained in the articles, but still, going to the original sites is probably the best way to start.
I got the script installed, the only problem is there is a CSS file and I don’t think it’s using the CSS file. As I’m trying to make two rows with seven across and style it.
I guess you’d have to link to it in the head of the page.
That’s all done.
Great. So it’s working now?
No, it’s not working!
Where is it?
The path to jquery.fancybox.css is wrong.
Where are you able to find out it’s the wrong path, I’m trying to find out the problem, the style sheet is in the right directory.
I see you’ve now fixed the path to jquery.fancybox.css by adding a / to make it href=“/construction/jquery.fancybox.css”.
Now you need to fix the path for fancyplayer.js.
Are you able to check if it’s fixed. I don’t know if players style sheet is being used or not !?!? The player continues to ask to ‘save to file’ rather then play the file.
It’s not fixed at the URL you posted above. The path is currently set to
src=“js/fancyplayer.js”
If the script was in a folder named “js” in the folder named “construction”, the path would be correct, but it’s not.
Firebug has two easy ways of showing whether a script is linked correctly. In the Scripts tab, clicking on the name of the parent file in the bar below reveals a drop-down menu listing the active scripts. Also, in the HTML tab, if you click the triangle to the left of a script element it will show the script code. The script for fancyplayer.js shows the code of your server’s 404 error page, so the script file has not been found.
Other things to fix…
Move the script element for fancyplayer.js above the script declaring the variables.
Correct the variables’ paths:
var videopath = http://www.thecreativesheep.ca/construction/
var swfplayer = videopath + videos/flowplayer-3.1.5.swf
I applied the changes but I continue not to see the changes I should ?
Firebug has two easy ways of showing whether a script is linked correctly. In the Scripts tab, clicking on the name of the parent file in the bar below reveals a drop-down menu listing the active scripts. Also, in the HTML tab, if you click the triangle to the left of a script element it will show the script code. The script for fancyplayer.js shows the code of your server’s 404 error page, so the script file has not been found.
I just tried it, I don’t follow ?
The paths of the vars are still incorrect on your page. And the script with the vars needs to be below the script element linking to fancyplayer.js
i.e.
<script src="/construction/fancyplayer.js" type="text/javascript"></script>
<script type="text/javascript">
var videopath = http://www.thecreativesheep.ca/construction/
var swfplayer = videopath + videos/flowplayer-3.1.5.swf
</script>
Sorry, I can’t think of an easier way to explain it.
Correction to the vars script. Added missing quotes and semi-colons.
<script type="text/javascript">
var videopath = "http://www.thecreativesheep.ca/construction/";
var swfplayer = videopath + "videos/flowplayer-3.1.5.swf";
</script>
The paths continue not to trigger the player !?!? I changed the paths around after doing some observation in firebug, including what you mentioned in post #15.