The WP Lightbox Ultimate Plugin Doesn't Play The Videos On My Site.

[Edlegs]

I have WordPress 3.8.1 running FlexSqueeze theme on my blog/website hosted by Bluehost.

I recently purchased your WP Lightbox Ultimate plugin because I was impressed by what it can do when showing video replays inside a lilghtbox.

I’m trying to setup a free WP Video Tutorials on my site which will allow visitors to view the video tutorials but not download them so I can keep them on my site.

I’ve installed and configured the plugin as per instructions both on the General Settings and Library Settings.

I’m having my videos hosted at Amazon Simple Storage Service (S3) and and distributed by Amazon CloudFront.

The video I’m trying to load and run on my site is unprotected (public). It runs when I use it with the free Flowplayer video player, but fails to run when I use the shortcodes you’ve provided. I tried the various shortcodes, such as Mp4, public S3, private (protected)S3, but still could not make the video play.

Hereunder is the code on the page that loads and plays the video with Flowplayer that works:

<div class=”flowplayer”>

<video>

<source type=”video/mp4″ src=”http://eml-wpvids.s3.amazonaws.com/Change DNS.mp4″/>

</video>

</div>

This is the page URL for the code above:

[http://www.eml-buzz.com/how-to-change-dns-and-redirect-domains]

Below is the code on the page that loads the WP Lightbox Flowplayer shortcode that doesn’t work:

[wp_lightbox_flowplayer_video link=”http://eml-wpvids.s3.amazonaws.com/Change DNS.mp4″ width=”640″ height=”480″ title=”Change DNS” source=”http://www.eml-buzz.com/wp-content/uploads/2013/09/HowToChangeDNS.jpg&#8221; autoplay=”false”]

This is the URL of the page for the code above:

[http://www.eml-buzz.com/how-to-change-dns]

NOTE: The Mp4 videos have been converted to the H.264 format using Handbrake.

[mbrsolution]

Hi Edlegs, can you please read through the following URL.

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/wp-lightbox-ultimate-s3-private-video-integration.pdf

Let us know if the above helps you.

Kind regards

[wzp]

So, is the second link, that uses the shortcode, not supposed to work? It is working perfectly for me; using Chrome, IE and Firefox.

[wpCommerce]

@Edlegs, I couldn’t find any Lightbox Ultimate shortcode on the page you shared. Please embed a shortcode and provide a link to the page so I can take a look.

Your site seems to have a lot of JavaScript errors (which usually break the lightbox functionality):

Uncaught SyntaxError: Unexpected token < how-to-change-dns:258

Uncaught SyntaxError: Unexpected token ILLEGAL how-to-change-dns:792

Uncaught ReferenceError: exitsplashpage is not defined

Uncaught TypeError: Object [object Object] has no method 'ajaxForm' scripts.js?ver=3.7:14

You can view those errors using the method explained here:

https://support.tipsandtricks-hq.com/forums/topic/debugging-javascript-errors-on-your-site

There are also multiple copies of jQuery on the same page. Two plugins are not even including it correctly:

<script type='text/javascript' src='http://www.eml-buzz.com/wp-content/plugins/fbgorilla/modules/js/jquery-1.8.3.min.js?ver=3.8.1'></script>

<script type="text/javascript" src="http://www.eml-buzz.com/wp-content/plugins/trustjacker/js/jquery-1.7.2.min.js"></script>

As of WordPress 3.8 every theme and plugin should be including jQuery 1.10.2 using the proper WordPress API:

https://support.tipsandtricks-hq.com/forums/topic/wrong-way-of-adding-jquery-library-to-wordpress-source-of-javascript-conflicts

[Edlegs]

Thanks to mbrsolution, wzp and wpCommerce for all your comments and helpful tips and solutions.

First to mbrsolution:

Yes, I’ve gone through that pdf countless times, and I’ve watched the video tutorial related to it. Thanks anyway for the suggestion.

To wzp:

Sorry for misleading you. But because I’ve restored the page to the one that works with only Flowplayer in it, the URL actually works but is not the one that I was having a problem with.

And to wpCommerce:

Voila! You hit the nail right on the head with the article “Wrong Way of adding JQuery library to WordPress – Source of Javascript Conflicts” [https://support.tipsandtricks-hq.com/forums/topic/wrong-way-of-adding-jquery-library-to-wordpress-source-of-javascript-conflicts] and the tip on “Isolating the Source of the Issue –

You can do the test mentioned here to find out which theme or plugin is doing this:

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin…&#8221;

The first thing I did was the theme test. I activated the default WordPress theme, as suggested in the tip, and tried the shortcode for the unprotected S3 video…, and it worked!

Just to make sure it worked with a protected file, I opened my bucket at Amazon AWS S3, and with S3Fox Organizer, edited the ACL of the video file and changed its permission to protected, updated my page again and viewed it. It worked as before.

What else can I say but thanks. Not only do you make great WP plugins, but you also support them as well — very well indeed! And the response was very, very quick. Thanks Guys.

Here’s the shortcodes that I used on my page:

For “Option 1: Protected S3 video shortcode for anchor text”:

[wp_lightbox_anchor_text_protected_s3_video name=”Change DNS.mp4″ bucket=”eml-wpvids” width=”640″ height=”480″ text=”click here to open the s3 protected video”]

And here’s the URL:

http://www.eml-buzz.com/how-to-change-dns

For “Option 2: Protected S3 video shortcode for the embedded image”:

[wp_lightbox_protected_s3_video name=”Change DNS.mp4″ bucket=”eml-wpvids” width=”640″ height=”480″ source=”http://www.eml-buzz.com/wp-content/uploads/2013/09/HowToChangeDNS.jpg”%5D

Same URL as above.

I’ve (or you’ve) solved one problem, but this created another major one. My site’s now broken with the plugin working, and I don’t know how I can put the pieces back together again.

I know that this is not your problem, but I can either 1) restore my site with my previous WP theme and discard your plugin altogether, or 2) I use your plugin and start all over again from scratch (it’s taken me a lot of time and effort to bring my site to its present state). It’s a hard choice and I don’t have the answer — yet.

Hopefully, there is an easy solution to my problem.

[wpCommerce]

@Edlegs, you really don’t have to discard the theme. You can contact the theme developer to fix those errors. At this moment no lightbox plugin will work on your site if that theme is active.

[Edlegs]

wpCommerce, OK thanks. I’ll contact the theme developer then. Cheers.

[Author]

Posts