MP4 lightbox videos are not playing

[Patrick]

Here is the webpage:

[http://dreamuniversity.com/wp-lightbox-demo/]

Here is the MP4 video link:

[http://ddg5smlpjar1w.cloudfront.net/videos/Virtual-DCC-Lesson-0-Marcia-DCC-Welcome.mp4]

have no clue. please enlighten.

[wpCommerce]

Hi, there are multiple issues here:

1) Your site is including a very old version of jQuery:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js?ver=latest'></script>

I don’t know if it’s coming from your theme or some other plugin. As of WordPress 3.8 every theme and plugin should be using jQuery 1.10.2.

https://support.tipsandtricks-hq.com/forums/topic/lightbox-ultimate-clicking-on-the-anchor-does-not-display-any-overlay

2) Lightbox Ultimate comes with Fancybox 2.1.5. But your theme is overriding the core fancybox JavaScript file with version 1.3.4 (very old):

<script type='text/javascript' src='http://dreamuniversity.com/wp-content/themes/buddyboss-dreamu/_inc/js/fancybox/jquery.fancybox-1.3.4_patch.js?ver=1.3.4'></script>

This is causing the following JavaScript errors:

Uncaught TypeError: Cannot set property 'buttons' of undefined jquery.fancybox-buttons.js?ver=2.0.8:21

Uncaught TypeError: Cannot set property 'media' of undefined jquery.fancybox-media.js?ver=2.0.8:89

Uncaught TypeError: Cannot set property 'thumbs' of undefined

You can also find those errors by yourself. Please take a look at the following post for more information:

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

3) Your theme is formatting the shortcode content by customizing the wpautop function. This is making the shortcode broken:

https://support.tipsandtricks-hq.com/forums/topic/wp-lightbox-ultimate-not-activating-video

[Patrick]

Great suggestions, thanks. Fixed all the jquery issues. Still not working. Any more ideas?

[wpCommerce]

I can still see the following errors:

1) Uncaught SyntaxError: Unexpected token < (index - Line 320) (Related to number 3 above)

2)Uncaught TypeError: Object [object Object] has no method 'live'

[http://dreamuniversity.com/wp-content/themes/buddyboss/_inc/global.js] (Line 267)

[Patrick]

This is now working. Thanks for all your help. Please close case.

[wpCommerce]

You’re welcome. I’m glad to hear that it’s working for you now.

[Author]

Posts