Video iframes not resizing in Responsive Flexslider

Hi!
I've got a Flexslider running on this page:

http://sandbox.intrepidrealist.com/selva-armonia.
It's working rather well in Firefox on desktop, but in iphone, the iframes won't resize like they do on the demo. It may be my fumbling attempt to put a youtube video in the slider...Not sure.
Any help would be appreciated!

Thanks!
LVL 9
Alicia St RoseOwner & Principle Developer/DesignerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

GaryCommented:
Instead of worrying about the frame resizing you should probably look at the design flaw
If I click play on the video then a few secs later the video is gone and next slide is shown - what is the point of that.
Why not have a static slide and open a lightboxed youtube video
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
From about 450px to 750ish there is no slider.  You should check your media queries to make you have accounted for all widths.  

Go through the validator link here

Check your site in chrome console or firebug.  

I saw for instance your vimeo code is not doing anything.

I
0
Alicia St RoseOwner & Principle Developer/DesignerAuthor Commented:
I think that has something to do with my wrangling Youtube into Flexslider when it originally supports Vimeo only. I added some API code for Youtube, but I think I didn't do it correctly.
It was working before and now it looks like I've fudged it up!
I think I will use the lightbox. It's classier...
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Now that you can see what you did, I would start fresh and only add what you need. I will help you trouble shoot.
0
GaryCommented:
It would not be counter intuitive that clicking a slider link would open in a new frame (lightbox)
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Alicia St RoseOwner & Principle Developer/DesignerAuthor Commented:
I like the lightbox effect. I used it on another site with Advanced slider. Unfortunately, that slider didn't run a continuous carousel effect, and I'm too green at javascript to figure out how to make that happen.
0
GaryCommented:
With most lightbox effects all you need is to give the slide an ID and then initiate the plugin using that id
e.g.
$("#slideid").lightbox()
0
Alicia St RoseOwner & Principle Developer/DesignerAuthor Commented:
I added Fancybox for the videos and it works like a charm!
Thank you!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.