SitePoint Sponsor

User Tag List

Page 1 of 4 1234 LastLast
Results 1 to 25 of 81
  1. #1
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How the heck do I install this script !?!?

    I understand that the jQuery scripts have to be installed, how do I install this player, to get working on my page ?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,321
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    There are two articles associated with that demo which seem to give some fairly comprehensive instructions. Do these help?

    http://www.webgurusdesignblog.com/20...tion-tutorial/

    http://www.webgurusdesignblog.com/20...e-integration/

    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.

  3. #3
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's it ! Thank You!

  4. #4
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,321
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    I guess you'd have to link to it in the head of the page.

  6. #6
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's all done.

  7. #7
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,321
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Great. So it's working now?

  8. #8
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No, it's not working!

  9. #9
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,321
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Where is it?

  10. #10
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here (link)

  11. #11
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    The path to jquery.fancybox.css is wrong.

  12. #12
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  13. #13
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    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.

  14. #14
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  15. #15
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    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.

  16. #16
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Other things to fix...

    Move the script element for fancyplayer.js above the script declaring the variables.

    Correct the variables' paths:

    Code:
    var videopath = http://www.thecreativesheep.ca/construction/
    var swfplayer = videopath + videos/flowplayer-3.1.5.swf

  17. #17
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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 ?

  18. #18
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    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.

    Code:
    <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>

  19. #19
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by SiberianHuskey View Post
    I just tried it, I don't follow ?
    Sorry, I can't think of an easier way to explain it.

  20. #20
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Correction to the vars script. Added missing quotes and semi-colons.

    Code:
    <script type="text/javascript">
    var videopath = "http://www.thecreativesheep.ca/construction/";
    var swfplayer = videopath + "videos/flowplayer-3.1.5.swf";
    </script>

  21. #21
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  22. #22
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Your page still has the vars with incorrect paths and above fancyplayer.js rather than below. Here is the replacement code again.

    Code:
    <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>

  23. #23
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I hope I had fixed the paths, but the video continues to ask to be saved instead of being played !

  24. #24
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    You have still not fixed the var paths.

    Change this:

    Code:
    <script type="text/javascript">
    var videopath = "http://www.thecreativesheep.ca/construction/";
    var swfplayer = videopath + "construction/videos/flowplayer-3.1.5.swf";
    </script>
    to this

    Code:
    <script type="text/javascript">
    var videopath = "http://www.thecreativesheep.ca/construction/";
    var swfplayer = videopath + "videos/flowplayer-3.1.5.swf";
    </script>
    Can you see why the bottom code is correct?

    var videopath points into the "construction" folder.

    var swfplayer points first to videopath and adds on (with a +) the path from there to the swf file i.e. videos/flowplayer-3.1.5.swf

    Do you see how that works? The path set in the videopath var is also used in the swfplayer var.

  25. #25
    Non-Member
    Join Date
    Jan 2008
    Location
    N43 44.4824', W079 13.9408
    Posts
    2,220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've applied those changes, but it continues not to work.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •