How to Embed Video with Vimeo without iFrame

Previously, Hunter already explained about why you should try Vimeo and also making a tutorial about how to embed video with Vimeo for Private video.

And now, I’m going to show you how to embed video with Vimeo without iframe.

First things first, you need to get your video uploaded on Vimeo for sure. Then, on the top right corner of your video, you will see a Share link. Basically, the Share button will simply appear while you point the cursor over the video players. Then, a pop-up window will show up and from there you will see an area which contains the embed code for the video.

How to Embed Video in Vimeo public video2

As you can see on Embed field, Vimeo providing an iframe embed code by default, but in this article we’re not going to use it. Instead, we’re going to use the old ones. So, click Show Options link placed above the embed code field.

How to Embed Video in Vimeo without iframe

How to Embed Video with Vimeo without iframeThen, click Use old embed code and scroll up the page to the Embed field again and you will see the code is changed. Ignore the warning message from Vimeo tells that the embed code is no longer supported. In fact, it’s still working.

How to Embed Video with vimeo without iframe 3Basically, the only code that you need to copy is between this snippet

<object> …. </object>.

Other than that, just delete them. The last thing you need to do is copy paste the code in HTML editor.

In case you’re using WordPress, make sure you copy the code with Text mode instead of Visual mode. Why? Because the visual mode will convert the characters in the code, therefore it won’t work on the front end of the site.

How to Embed Video with vimeo without iframe 4

Below is how the old embed code works…

How to Setup Amazon S3 Video Streaming with Cloudfront & HTML5
How to Transfer or Withdraw Money from PayPal to Payoneer

Get more stuff like this
in your inbox

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.