Problem with MP4 playback

[hawden]

I’ve been trying the different LightBox settings and running into a compatibility and actual playback problem. Currently we use FLV/SWF but we’d like to convert our videos to MP4 so that they’ll play on Apple mobile devices. I tried the HTML5 and Flowplayer settings and nothing happens on Firefox, Chrome, etc. I have tried just having that setting checked in the settings and didn’t help. The Lightbox Special settings work with MP4 but it uses Flash to display so it won’t play on the Apple devices.

[hawden]

Quick followup – I saw in the forum that fancybox supports MP4 but didn’t see it as a selection in the dropdown for that video format and don’t see the wp_lightbox code in the pdf’s for that video. As with the previous post -we’re looking to use the same video for regular browsers as all as mobile and mp4 seems to be the way but it can’t rely on Flash for display.

[admin]

It is always a good idea to use properly encoded MP4 file of online video.

Use our HTML5 Video display shortcode which can play videos on all platforms given your video is encoded properly.

Check the “HTML5” section in the documentation for the appropriate shortcode

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/wp-lightbox-ultimate-shortcodes-by-library-type.pdf

[hawden]

I’ve tried the code right from the PDF as well as inserting through the UI and when I select the link – nothing happens. The URL has an anchor string after it like the others but no overlay. The Lightbox Special link works as it should so I’m not sure what is wrong – http://staging.gxs.com/resources/thought_leadership/first_take_videos

[wpCommerce]

Hi, Please post a valid link to the page where you have the shortcode embedded. The above URL keeps redirecting me to the homepage.

Please also post the exact shortcode you are using on that page.

[hawden]

Please try http://staging.gxs.com/resources/thought_leadership/first_take_videos again. The shortcode is:

[wp_lightbox_anchor_text_html5_video link=”http://c727565.r65.cf2.rackcdn.com/09_AndreaBrody-TransactMessaging.mp4″ width=”510″ height=”340″ text=”Click here too open the video with HTML5″] – this does not work

[wp_lightbox_special_anchor_text_mp4_video link=”http://c727565.r65.cf2.rackcdn.com/09_AndreaBrody-TransactMessaging.mp4″ width=”510″ height=”340″ title=”Video title goes here” text=”Click here to open the mp4 video”] – this one works

[wpCommerce]

I can’t access this page – http://staging.gxs.com/resources/thought_leadership/first_take_videos. Still it redirects me to the homepage.

[hawden]

I think I may know why you can’t access -are you in Europe? We have a redirect on our site to filter out UK, FR and DE and send them to the regional sites over there. If you can change your browser language setting to en-US, then the page will work.

[wpCommerce]

Somehow my language got switched to en-UK. I changed it back to en-US. It’s all good now.

I think I found the source of the issue. If you go to “view source” of this page you will see that your theme is including multiple version of jQuery JavaScript Library –

<script type="text/javascript" src="/wp-content/themes/GXS/javascript/jquery-1.3.2.js"></script>

<script type="text/javascript" src="/wp-content/themes/GXS/javascript/jquery-1.4.2.min.js"></script>

I don’t know why the theme developer included two versions of the same jquery javascript library. Besides they are hardcoded which is really bad.

There has to be only one jquery javascript library in a single page (for everything to function properly) which lightbox ultimate plugin is including using the Proper WordPress API function –

<script type='text/javascript' src='http://staging.gxs.com/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>

Otherwise there will be Javascript conflict.

Please have a look at the following page which will explain it more –

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

The default WordPress theme is properly coded. So It’s a good idea to switch to that theme for troubleshooting –

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

[Author]

Posts