WordPress.org

Ready to get started?Download WordPress

Forums

Lightbox Plus ColorBox
[Plugin: Lightbox Plus] Simple Example for Simple JW-Player Activated by a Link-Click (4 posts)

  1. jfxberns
    Member
    Posted 3 years ago #

    I want to have a user click a link and then have JW Player pop-up and display a video using Lightbox Plus (but open to other similar lightbox style presentations).

    I can't find any sample code; every search on Google results in spam, spam, spam, spam!

    Can anybody post a simple example of how to do this--or a link to an example?

    Thanks in advance.

    -- John

  2. rw1
    Member
    Posted 3 years ago #

    First you will have to add an 'Inline Lightbox' in the Lightbox Plus Plugin settings, change the 'Link Class' and 'Content ID' of this inline lightbox to whatever value you would like eg 'your-inline-style', then reference it in your code with:

    <a class="your-inline-style" href="#">Text Link</a>
    <div style="display:none">
    <div id="your-inline-style" style="background: #000000">
    
    <div id="container1"></div>
    
    <script type="text/javascript">
      jwplayer("container1").setup({
        file: "your-video.flv",
        flashplayer: "http://www.your-site.com/wp-content/uploads/jw-player-plugin-for-wordpress/player/player.swf",
        height: 527,
        width: 702,
        autostart: true,
        controlbar: "none",
        volume: 80,
        icons: "true",
        stretching: "fill",
      });
    </script>
    </div>
    </div>

    You will then have to play around with the width and height of the inline lightbox in the plugins settings and the width and height defined in the code above to get a perfect fit.

    Hope that helps!

    Edit: this is also assuming you have the JW Player Plugin for WordPress installed.

  3. koolkatwebdesigns
    Member
    Posted 2 years ago #

    I am having trouble getting this to work in ie7 and ie8. Any suggestions?

    Thanks.

  4. koolkatwebdesigns
    Member
    Posted 2 years ago #

    I have it working now. I needed wmode=window to get the jwplayer to always be on top.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic