How to open video Lightbox on page load

Question:

Support,

I am looking for a solution for displaying a vimeo video in a lightbox that launches with the page load. I am looking at purchasing your commercial version. Is the auto launch feature available or is there additional code I could pay you to develop to accomplish this?

Answer:

You can do it with WonderPlugin Lightbox Plugin.

You can add the following JavaScript code to your page or post:

<script type="text/javascript">
	jQuery("document").ready(function(){   
            setTimeout(function() { 
                if (wonderpluginLightbox)
                    wonderpluginLightbox.showLightbox(4, 'https://player.vimeo.com/video/1084537', 'Big Buck Bunny by Blender Foundation');
            }, 3000);
	});
</script>
<a class="wplightbox"></a>

You can view the demo page: https://www.wonderplugin.com/wordpress-lightbox/open-video-lightbox-on-page-load/

Here is the definition of the function showLightbox:

function showLightbox(type, href, title, width, height, webm, ogg, thumbnail, description);

Here is the definition of the function argument type:

0: image, 1: Flash SWF, 2: MP4 video, 3: YouTube video, 4: Vimeo video; 5: PDF, 7: Webpage

So if you want to open a YouTube video, you can change the line to:

wonderpluginLightbox.showLightbox(3, 'https://www.youtube.com/embed/j32YM7UvvGk', 'WordPress Carousel Plugin');

Only showing up once

To prevent the lightbox popup from appearing in the current web browser session for the second time, you can use the following code:

<script type="text/javascript">
    jQuery("document").ready(function(){  

            var is_popped = false;
            var cookies = document.cookie ? document.cookie.split(';') : [];
            for (var i in cookies)
            {
                var parts = $.trim(cookies[i]).split('=');
                if (parts.length && parts[0] == 'wplightboxpopup')
                {
                    is_popped = true;
                    break;
                }
            }

            if (is_popped)
              return;
            
            setTimeout(function() {
                if (wonderpluginLightbox)
                {
                    wonderpluginLightbox.showLightbox(4, 'https://player.vimeo.com/video/1084537', 'Big Buck Bunny by Blender Foundation');
                    document.cookie = 'wplightboxpopup=1;path=/';
                }
            }, 3000);
    });
</script>
<a class="wplightbox"></a>

Open Audio Player in Fancybox

Question:

Im a new WordPress developer and developing a website for my client where client provided me "WonderPlugin Audio Player"

The requirement is that the player need to be play inside the fancy-box ,I implemented it but it generating few error and not playing the file.

TypeError: this.flashObject is null

...is.flashObject=AmazingSWFObject.getObjectById("amazingflashaudioplayer-"+this.id...

What I do in such a case please need help on this matter

Does the plugin support inside fancybox?

Answer:

You can try the following way to do it:

1. Download Amazing Audio Player application: http://amazingaudioplayer.com/. It has the same JavaScript core as WonderPlugin Audio Player and can create same players. But it's a Windows/Mac application.

2. Create your player in the application, in Publish dialog, choose "Publish to folder". This will create all files for the audio player.

3. Upload all of the files, including all of the subfolders, to your web server.

4. Use fancybox to open the file "audioplayer.html".

If you are an experienced WordPress developer, you can also do it with WonderPlugin Audio Player:

1. Create a special WordPress page template, which does not have the normal header and footer.

2. Create a WordPress page with the above template, then paste the audio player shortcode to this page. This will create a page with only the player inside.

3. Open the above page with fancybox, or with WonderPlugin Lightbox Plugin https://www.wonderplugin.com/wordpress-lightbox/.

Play Video Automatically

Question:

I am using the WordPress Gallery plugin. What I saw the gallery, in the slider the video automatically starts, but on the iPad Air it doesn’t. The slider waits until you manually start the video.

Is there a way to start the video automatically on an iPad Air, or is this not possible?

Answer:

It's not possible. Video auto play is disabled on iPhone, iPad and Android. It's a limit by the devices.

Thumbnail Image for WordPress Audio Player

Question:

I've just installed this plugin for WordPress.

I'm having an issue with adding an image for an album of songs. For some reason, all I'm seeing is part of the background colour of the image. Does the image need to be a particular size?

The size of the actual image is 1024 by 1024. All I get is part of the white background and NOT the actual CD image.

Answer:

The plugin does not resize your image, so it just displays the top-left corner of your image, which is a white background.

Please resize your image to 100*100 with photoshop or any image resizing software, then add it to the plugin.

Position WordPress Slider on Webpage

Question:

So I fell in love with the free version of your Wonder Plugin Slider so I decided to upgrade to the commercial version. Now that I've deployed it on a site I'm working on for my company, I'm having trouble getting it to display properly on my page.

Specifically, I'm trying to create a space between your plugin and another plugin I'm using to display some logos. I've tried entering blank lines, tried the
tags, but nothing seems to work.

I'm not sure if this is a WordPress problem or something you can help with, but a response would be very much appreciated. Thanks.

Very Respectfully

Answer:

You can add the following HTML code between the two plugins, this will create a gap between them.

<div style="margin-top:100px;"></div>

You can change the margin top to a different value.

Responsive WordPress Slider on iPhone

Question:

I have been searching for several days now and run into your plug-in. I gotta say for ease of use, and quality it is the best one out there. I am ready to go pro, but here is my problem. I downloaded the FREE version made a video slider used the short code and placed it on my site. It looked great, but then when I looked at the site on my iPhone 5 it had not sized the slider down it was “huge" compared to the other images and threw everything off to one side in the iPhone browser. Is this something your technical folks have experienced and know about. Maybe they are working on an update.

I’m just frustrated cause I want this to be my solution and having it up and running yesterday.

Answer:

I don't know which plugin you are using: WonderPlugin Gallery https://www.wonderplugin.com/wordpress-gallery/ or WonderPlugin Slider https://www.wonderplugin.com/wordpress-slider/. But here is the solution for both plugins:

In the Gallery/Slider editor, step 3, Options tab, there is an option Support responsive web design, please check it.

Responsive WordPress Slider

SEO Image and Videos

Question:

I have recently installed you WordPress gallery and I love it and all the features. I was, however, wondering if it was possible to SEO each of the images and videos.

Answer:

The plugin is SEO friendly. The title you entered for your image is used for the img alt tag. The description you entered is used as an HTML5 data tag data-description.

How to remove the numbers from before the track names of the Audio Player

Question:

So I checked out the free version of the audio player and I really like. What a great job you have done with this. Especially with the backend. It's very user friendly! I like it so much I started looking into your other plugins.

A question regarding support. I've made quite a few customizations to the CSS but there are a couple changes I would like to make but I can't seem to figure out. For example, I would like to remove the numbers from before the track names or add a little space between the number and the track name. Are these the kind of things you can help with or would I be on my own?

Another question is about your website. I love your website! Especially the way it works on mobile devices. Did you code it? Is it a wordpress site and if so what theme or framework did you start with? I just think it functions perfectly for my needs and I would be very interested in know a little more about it.

Answer:

In the player editor, Step 3, Options, click "Advanced Options", then in the right side, "Advanced options", enter:

data-tracklistitemformat="%TITLE% - %ARTIST% %DURATION%"

If you want to add back the number, it's:

data-tracklistitemformat="%ORDER%. %TITLE% - %ARTIST% %DURATION%"

We will add more options to the user interface in the future version.

Our website is based on WordPress, but it's not a commercial theme, it's coded by our developer.

Add link to carousel image

Question:

I have created the carousel using your wordpress carousel plugin, but the option to link the image to a URL is not accessible – it remain grey – please can you help me here.

Answer:

You need to uncheck the option "Open current image in LightBox", then you can enter the weblink and the link target.

wordpresscarousellink