[Plugin: Lightbox Plus] Simple Example for Simple JW-Player Activated by a Link-Click

  • 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

Viewing 3 replies - 1 through 3 (of 3 total)

  • 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: "https://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.

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

    Thanks.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Lightbox Plus] Simple Example for Simple JW-Player Activated by a Link-Click’ is closed to new replies.

Tags