iframe overlapping Jquery fancybox -


I am displaying image pop-ups using fancybox and

Is embedded using code> Vimeo video iframe . The image is displayed correctly in most browsers, but when I test in iPhone 4 and Samsung Galaxy S2, the video overlaps the pop-up image.

I tried with "wmode = transperant".

I search a lot in Google but there is no appropriate answer. Please help.

I tried to use many things but there was no solution. Then I solved my problem with other methods Ie, Jquery Fancybox "onStart" and "onClose" here is my solution ...

$ (document) .ready (function () {

 css ('display', 'none');}, 'oklahed': 'code', 'scrolling': ' No ',' onstart ': function () {$ ("# vimeo-video").': Function () {$ ("# vimeo-video"). CSS ('display', 'block');}} ). Trigger ('click');});  

Where "elementToBePopup" is an element of pop-up and "vimeo-video" is the ID of the video that overlaps with pop-ups.

Hope It Helps Others


Comments

Popular posts from this blog

Python SQLAlchemy:AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

java - How not to audit a join table and related entities using Hibernate Envers? -

mongodb - CakePHP paginator ignoring order, but only for certain values -