Iframe Alternative for Vimeo Video

[bigdog5000]

Hi Everybody,

I'm embedding a Vimeo video (DW 2014) I originally used the code Vimeo gives you,  which is the code inside an iframe.

<iframe src="https://player.vimeo.com/video/33083564" width="560" height="315" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

The problem was it wasn't responsive on the mobile phone till I hit play. From what I understand iframe is not the way to go.

I tried.<embed src="http://www.example.com/ video/23564896" width=200 height=200 />  which worked, but it would need additional code, you can only hit play you can't stop it

Any suggestions?

Thank you.

Randy

[Ben M · Accepted solution]

Here's a handy little tool that looks like it might do the trick.  Try pasting your vimeo URL into that tool and see if their solution works:

embedresponsively.com

[bigdog5000]

Hi Ben,

That worked excellent! Responsiveness works great.

You are the man!

Thanks

Randy

[bigdog5000]

Hi Ben,

Had someone check this on the iPhone and said it doesn't work. They hit play nothing happens.

Any thoughts?

[bigdog5000]

This video code works good in Android, but won't work with Iphone. How can I get the iphone to work with this?

<div align="center"><style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://player.vimeo.com/video/168230456/' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

Thank you

Randy