iframe overlapping Jquery fancybox -
I am displaying image pop-ups using
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