WordPress.org

1. jfxberns
   Member
   Posted 1 year 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 1 year 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 10 months ago #

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

   Thanks.

4. koolkatwebdesigns
   Member
   Posted 10 months 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.