1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Flash jeroenwijering flv player

Discussion in 'Web Development' started by vareside, Jun 7, 2008.

  1. vareside

    vareside New Member

    Hi folks,

    I found a nice player that I'm currently using on my website as well. You easily add your videos, playlists, advertisements, images, colors, buttons, your logo and much more. The player was made by Jeroen Wijering and is available for download at http://www.jeroenwijering.com/. For an example check out the videos on http://www.vareside.com/en/content.php?page=videos!

    Hope that some of you may use and recommend it. ;)

    Kind regards,
    Max
     
  2. pezboy45

    pezboy45 Mod/Design & Coder [Pro]

    Excellent!
    Thank you!
    I might actually use this!
     
  3. vareside

    vareside New Member

  4. djwilson

    djwilson New Member

    hi, i found this a couple of weeks ago and this is my 1st attempt but on the coding:

    <script type="text/javascript" src="http://www.jeroenwijering.com/embed/swfobject.js"></script>

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

    <script type="text/javascript">
    var so = new SWFObject('http://www.jeroenwijering.com/embed/player.swf','mpl','470','320','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&file=/upload/flash.flv');
    so.write('player');
    </script> In the bits in blue what do i hcnage them to? please can you show me an example and ill change to the code i reqire. Thanks.
     
  5. vareside

    vareside New Member

    Coding

    This is your entire script to display the player including the video.

    <script type="text/javascript" src="http://www.jeroenwijering.com/embed/swfobject.js"></script>
    (This above is to embed the player into the website. When you download the entire player with all required files and datas, you have to change this url and all others to the specific file location on your database.)

    <div id="player">This text will be replaced</div>
    (This above is the place where the player will replace the text which can be used as an information for people who have not the required Flash Player or JavaScript installed.)

    <script type="text/javascript">
    var so = new SWFObject('http://www.jeroenwijering.com/embed/player.swf','mpl','470','320','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&file=/upload/flash.flv');
    so.write('player');
    </script>
    (The url to the player you will need to replace with the path to your file location and the path behind the variable &file= should become replaced with the path to the video file location.)

    For example, the code of the player on my website:
    <script type="text/javascript" src="data/swfobject.js"></script><div id="mediaspace" name="mediaspace"><embed src="data/mediaplayer.swf" width="370" height="300" allowscriptaccess="always" wmode="transparent" allowfullscreen="true" flashvars="height=300&width=370&fullscreen=true&file=/portal/data/videos/vid87.flv&image=/portal/data/images/layer.jpg&enablejs=true&plugins=ltas&channel=601"></embed></div>
    It is customized to my requirements and restrictions using an object code instead of a javascript object.

    A live example:
    http://www.vareside.com/portal/content.php?vid=87
     
  6. djwilson

    djwilson New Member

    thank still slighty unsure.

    <script type="text/javascript" src="audio/swfobject.js"></script>
    <div id="player"><br />
    This text will be replaced</div>
    <script type="text/javascript">var so = new SWFObject('video/sna.flv','mpl','300','200','9');so.addParam('allowscriptaccess','always');so.addParam('allowfullscreen','true');so.addParam('flashvars','&file=http://www.brokenmachine.co.uk/video/sna.flv&controlbar=none');so.write('player');</script>

    this is my C: set-up;

    Templates 7:
    all HTML pages.
    Audio - swfobject
    Video - sna.flv video


    is this correct thanks
     
  7. vareside

    vareside New Member

    Coding

    No problem. I'd love to help.

    If this is your root:
    http://www.brokenmachine.co.uk/audio/swfobject.js
    http://www.brokenmachine.co.uk/video/sna.flv
    and your html files with the player are located in the main root at:
    http://www.brokenmachine.co.uk/

    Your code has to be the following:

    <script type="text/javascript" src="audio/swfobject.js"></script>

    <div id="player"><br>This text will be replaced</div>
    <script type="text/javascript">
    var so = new SWFObject('video/mediaplayer.swf','mpl','300','200','9');
    so.addParam('allowscriptac cess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&file=video/sna.flv&controlbar=none');
    so.write('player');</script>

    The red part marks the Mediaplayer. You can catch up the from my website instantly here:
    http://www.vareside.com/portal/data/mediaplayer.swf (right click, save as)
    You have to save it then in the correct directory. You need to have it, because it's required to have a player to play the files!

    So your code is basically right. You just always have to enter the correct path then nothing can go wrong.
     
  8. djwilson

    djwilson New Member

    thank you so much.
     
  9. vareside

    vareside New Member

    No problem. For further assistance, just mail me.
     
  10. djwilson

    djwilson New Member

    opps. ive copyed and pasted the code and the first video seems to be ok but the second one ive changed the file place sna.flv to rehersal1.flv which is in the same folder and only comes up with "this text will be....."
     
  11. vareside

    vareside New Member

    If you still use javascript method it's easy.

    As the variable of the first player you used so but you can't use it for both players. So easily change so everywhere in the code of the second player to for example sc.
     
  12. djwilson

    djwilson New Member

    it isnt working :S
     
  13. vareside

    vareside New Member

    Coding

    Please make sure there are no spaces at inappropriate locations in the code and ensure yourself that every file has the correct path.

    Here is the code for both players:

    FIRST PLAYER:

    <div id="player"></div>
    <script type="text/javascript">
    var so = new SWFObject('video/mediaplayer.swf','mpl','300','200','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&file=video/sna.flv&controlbar=none');
    so.write('player');
    </script>

    SECOND PLAYER:

    <div id="player2"></div>
    <script type="text/javascript">
    var sp = new SWFObject('video/mediaplayer.swf','mpl','300','200','9');
    sp.addParam('allowscriptaccess','always');
    sp.addParam('allowfullscreen','true');
    sp.addParam('flashvars','&file=video/rehersal1.flv&controlbar=none');
    sp.write('player2');
    </script>
    The DIV has to be changed because otherwise both will be displayed over each other (so you can see just one).

    This has to work. Well, it worked on my test page.

    Can you actually tell me what website are you going to serve with that player project?
     
  14. djwilson

    djwilson New Member

    thanks it works now with the player2 change.

    im makin a rock band website for my friend who aksed for a favor.
     
  15. vareside

    vareside New Member

    No problem. I'd love to help.
     
  16. djwilson

    djwilson New Member

    ok thanks,is there any other things you know about video, images, music? or a place to put interviews with the members in one page and when someone clicks on it it like scrolls down showing the interview and when they click on the interview title again it hides sort of thing:

    Interview 1: Click

    Interview 1:
    fgjghhfbfjhg
    fgjggrgjktng



    if you catch me drift?

    P.s any other ideas/helpful things you know please me know.


    Thanks in advance
     
  17. vareside

    vareside New Member

    Well, there are a few easy methods to do that.

    The easiest is with PHP. A simple script where you can display several contents using different parameters and variables in the URL. (Live Example - take a look at the URL while browsing). The script works only with php but you can get that from me also in javascript by contacting me here.

    For displaying interviews and all other information on the same page and at the same moment, you can use a combination of flv player and html code. Use HTML for skipping to a point of the document like when you add to a link the destination #recent and you added a div tag like <div id="recent"></div> the browser will automatically go to that point without loading again or something. There you can display a flv player with a playlist of interviews. Therefor you need to define a playlist as the file for the player and add to the playlist the URL to the video file as well as further information about the video. Click for that onto this page with an example and a test code.

    If you want to expand and hide content with a single click there is a nice solution captured on DynamicDrive with a detailed tutorial here. For further questions, just ask.
     
  18. djwilson

    djwilson New Member

    im going to make a written interviews onto a video which will prob be easier and justy make a multi video on jeroenwijering.

    are you any good with graphics?
     
  19. vareside

    vareside New Member

    I'm not good at graphics. May I refer you to pezboy45, he's a moderator and graphic designer. He actually designed my logo as well. (www.vareside.com)
     
  20. Jaybirddesigns

    Jaybirddesigns New Member

    Is there a way to seperate the list and video player? Say i wanted the list of video clips on a page and then when someone clicks those clips the player would open in a new window and start playing the clip that was clicked.


    Thanks