Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #4979

    Hi Kriesi, I need help with the integrated lightbox.

    It is playing videos fine when they are in .mov format. But I does not work with an .mp4 file which I need for being compatible with iPad users.

    I have searched for a lightbox plugin which supports .mp4 files and I found “WP Lightbox Ultimate”.

    Do you think after installing this plugin all will be fine or will it conflict in somehow with the integrated lightbox solution in your theme?

    I guess even when it should work I will loose your beautifull mouseover effekt where the pictures gets a bit darker and you can see this video symbol. Though I hope not… ;)

    Great theme btw!

    I tried to follow the advice of user bmeier which you can find here:

    http://forums.no-margin-for-errors.com/discussion/674/prettyphoto-for-avi-and-mp4/#Item_2

    and put his code in the file: jquery.prettyPhoto.js

    but it does not work here either…

    Finally I got it! :)

    After changing the “jquery.prettyPhoto.js” file I just had to use this code structure within my post to show the mp4 video within the PP Lightbox:

    <a href="http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mov?width=640&height=360" title="Despicable Me" rel="prettyPhoto[movies]"><img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Despicable Me" /></a>

    and change the word ”.mov” to ”.mp4”

    <a href="http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mp4?width=640&height=360" title="Despicable Me" rel="prettyPhoto[movies]"><img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Despicable Me" /></a>

    (Source: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhotomovies/0/ )

    Best of all: I did not loose the beautifull mouseover effekt & do not have to use another plugin! :)

    Correction:

    Sadly it just works on FF 5 but not with IE9 & more important not with the iPads Sarafi though it worked strangely with Sarari on Win & Mac.

    Need a break… ;)

    Any help would be greatly appreciated.

    #48378

    Hey,

    can you post a link to your website please (with the implemented lightbox). We can’t suport it officially but maybe it’s only a small bug or issue.

    #48379

    Hi Dude,

    thanks for trying to help me out though it is not an officially supported problem… ;)

    Thanks in advance!

    PS: I have tested out “WP Lightbox Ultimate” but sadly it is not compatible with the Avisio Theme. When using the standard theme (Twenty Ten 1.2) the HTML 5 Video option works beautifully on the iPad but that is not an option… ;)

    #48380

    Ok, finally I have found a workaround with a nice plugin called “MediaElement.js” which works very well on the iPad now. Not in a lightbox but still beautifull and with HTML 5 support! :)

    PS: btw, could you please wipe out the link of the website now. The edit button has mysteriously disappeared…

    Cheers

    keyhanjun

    #48381

    Glad that you found a solution :)

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Lightbox .mp4 support’ is closed to new replies.