Embed a Vimeo video

What you would use this for: To host video directly on your site.

Embed a Vimeo video in Concrete5
What You Need:
An Uploaded Video on Vimeo
 (instructions here)
Concrete5 site builder running on your site
 (instructions here)

1. Go to the video's page on Vimeo.com. 

2. On the Vimeo video itself, you will see icons on the right side. Click the one that says "Share".

3.  Copy the information in the text field below the word Embed. To copy this, click inside the field so that all of the text is highlighted and press Command (the key with the apple on it) and C at the same time. (There are several lines of code in the embed box. Make sure you copy all of them.)

3. Go to your Concrete5 site and click Sign In to edit site at the bottom of the page. Sign in with your Concrete5 Admin credentials. 

4. Once logged in, navigate to the page you'd like to embed your movie on.

5. Click "Edit page" on the top left of the page to go into Edit mode.

6. Click "Add to Main" (or "Add to Sidebar", etc.) below the block that you would like to add your movie to. In the resulting menu, click "Add Block".

7. In the "Add Block" menu that pops up, select "HTML"

8. In the resulting box, paste (control+V) the embed code from video that you copied earlier. Click the "Add" button. 

9. Hover over the Editing button on the top left of your screen and select "Publish My Edits" in the resulting window.

Congratulations. You have now embedded your Vimeo movie into your page. 


Embed a Vimeo video in HTML

What You Need:
An Uploaded Video on Vimeo
 (instructions here)
A text editor
 (TextWrangler - external link)

1. Go to the video's page on Vimeo.com. 

2. On the Vimeo video itself, you will see icons on the right side. Click the one that says "Share".

3.  Copy the information in the text field below the word Embed. To copy this, click inside the field so that all of the text is highlighted and press Command and C at the same time. (There are several lines of code in the embed box. Make sure you copy all of them.)

4. Go into the source code of the page you want the movie to appear on and paste the code in the spot where you want it. To paste, press Command and V at the same time

5. Save and upload your HTML page.

Congratulations. You have now embedded your Vimeo movie into your page. 


Embed a Vimeo video in WordPress

What You Need:
An Uploaded Video on Vimeo
 (instructions here)
WordPress installed on your site. 
(instructions here)

1. Go to the video's page on Vimeo.com. The URL will look something like this: https://vimeo.com/22428395

2. Copy the URL of the Vimeo page. To copy this, click the URL and drag the mouse across the URL while clicking the mouse key so that all of the text is highlighted. Once highlighted press Command and C at the same time.

3. Create a new post (or page) on your WordPress site.

4. In the text box where you enter the content of your post (or page), paste the URL where you'd like the video to go.

5. Publish your post (or page).

Congratulations. You have now embedded your Vimeo movie into your post or page.

  • 7 Users Found This Useful
Was this answer helpful?

Related Articles

Add a video to YouTube

What you would use this for: To offer fast loading video to your site without sacrificing any of...

Embed a YouTube video

What you would use this for: To put a video directly on your site. Embed a YouTube video in...

Add a video to Vimeo

What you would use this for: To offer fast loading video to your site without sacrificing any of...