Topics

What's New?


Tags/Keywords

artifacts aspect ratio audacity audio audio service avs converter blogs branding brightcove camcorder cloudberry explorer cloudfront compression embedding firefox flash flash video flv hd hdv high definition iphone joomla jw player podcasting publishpod quicktime s3 s3 amazon s3 browser Skype software streaming streaming video tubemogul upload video videocast video channel Video Channels/Networks video format vimeo wordpress xlr youtube

Online Marketing - OnToplist.com
Online Marketing

Free Favicon Generator

Page copy protected against web site content infringement by Copyscape



How to embed videos from Vimeo on your site – revised

By Rudolf Boogerman | Share this with your favorite social network
65 comments... Click to Contribute.

Vimeo.com has 3 standard ways to display videos directly on your website or blog.  In this article, I explain how to use the  standard method, Embedding.  In the coming article I show the other methods. But let me first sum up the all the options so that you know what to expect.

  1. Embed a single video.
  2. Widget: Badge – show a set of thumbnails for several videos.
  3. Widget: HubNut – show an slider with several videos.

Method 1 shows a single video on a page, although you can embed more then one video.
Method 2 displays a range of thumbnails from the last videos you created.  You can determine how many.
Method 3 does the same as method 2, except in the form of a slider (static or animated.
None of these methods require knowledge of coding, but you do need to copy and paste the code generated by Vimeo.  As said, the last 2 methods will be shown in the next article.

1. Embedding a single video

This is a straightforward process. You go into your Vimeo account and click one of your videos. Then you will see a blue rounded box with the word “Embed” on it.

Embed video from Vimeo

Click that button. A dialog box appears with the embedding options.  At the top, you can select the code and copy it to insert in your post or html page.
Updated info: Vimeo changed the embedding options. It works with iFrame now, which is fine for regular sites but bad news for content management systems. For Joomla or WordPress click the blue link called: Old embed code.

Vimeo embedding code

Note that the dialog box shows a preview of the video how it will look on your site with the current settings (although not every change is shown in the preview) :

HOLD ON! Before you proceed, there are some interesting options here.  You can customize the player, which is actually a good idea because in most cases, using the standard embedding code often results in a rather small video.  Therefore, click on the link at the bottom of the box that says: Customize size, color, and other options

The dialog box expands and shows you the following options:

The first thing I do is to set the video larger then 400pixels.  The great thing is that if I type 500 in the left field of the Size option, the right hand field automatically adapts in relation to the width because they are linked together.  The left field is for Width, the right for Height.

Like I said, changing Width or Height adapts the other field and this is a real time saver, otherwise you would have to calculate the relation between Width and Height yourself.  Thanks to this feature you simply can’t go wrong!
Below the Size fields, you have the Color option.  You can select another color from the dropdown list or a  color palette.
This influences the color of the Text on top of the video as you can see below. This way, you can adapt the color to match your site:

Further, you can use the Intro options to turn off/on the Title and Byline on top of the video.  Standard this is set On.  Then you have the Other options, which are self explanatory: Show text link below video places a link underneath the video which sends the visitor to the video on Vimeo.com itself if they click on it.  This can be useful if you want your visitors to show your own channel on Vimeo.  Generally, I do not use that option very often.

And the last Other option is to show the description of the video below it.  This makes sense if you wrote a description about the video in your Vimeo account itself.  Otherwise, leave it blank.

OK, now that we are all set, scroll up to the top of the dialog box again and select the code. Make sure you have everything copied in that box:

Vimeo again makes it easy for us, when you click in the box, the code is selected automatically.  However, if that doesn’t work for whatever reason, set the cursor wherever in that code box and then press CTRL+A (Windows) or Command +A (MacOS).  That selects everything for sure.
After that, press CTRL+C (Windows) or Command + C(MacOs) to copy the code.

Now go to your site:

  1. Select the page where you want to embed the video
  2. In the html mode of the page, place the cursor at the spot where you want to show the video
  3. Press CTRL+V (paste for Windows) or Command+C(paste for MacOs) to paste the code into the page.

If you are posting on a blog, you may need to wrap the embedding code between <code></code> tags, like below;  This is especially true for WordPress:

<code>
<object width=”500″ height=”281″><param name=”allowfullscreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”movie” value=”http://vimeo.com/moogaloop.swf?clip_id=5367093&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1″ /><embed src=”http://vimeo.com/moogaloop.swf?clip_id=5367093&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1″ type=”application/x-shockwave-flash” allowfullscreen=”true” allowscriptaccess=”always” width=”500″ height=”281″></embed></object><p><a href=”http://vimeo.com/5367093″>Prisoner of Rules – art video</a> from <a href=”http://vimeo.com/rudolfboogerman”>Rudolf Boogerman</a> on <a href=”http://vimeo.com”>Vimeo</a>.</p>
</code>

And here is the result of that action, the embedded video:

Prisoner of Rules – art video from Rudolf Boogerman on Vimeo.

As you can see, just below the video are a couple of links on one line, embedded by Vimeo with the Other option. If you embed videos from someone else, you might not be able to set all options.  The owner of the video can disable certain settings.

Also note the full screen button.  If the video is High Definition, playing it full screen is a great experience.  You may want to tell your visitors about it because not everyone knows this.
You have my permission to copy the image below to inform your visitors on your own site.

Word of caution: on Vimeo, commercial videos are not allowed.  See also the article Vimeo-the-secret-of-good-quality/ for more info.

In the next article it is going to be very exciting when I tell you about the Widgets, because with them you can show a range of videos without much effort and it updates as soon as you change the content of the widget on Vimeo itself.  Stay tuned!

See also: How to embed Vimeo’s HubNut widget

Topics: Video Channels/Networks, Video/audio service reviews | Site search | Write comment
This article has 65 comments.



Related Articles:

65 Comments »


Page copy protected against web site content infringement by Copyscape

If you have any questions or suggestions, you can leave a comment on this article below. Comments are subject to an approval process before they are published. By posting a comment, you agree with the terms of use.

65 Responses to “How to embed videos from Vimeo on your site – revised”

  1. Prabhas
    Prabhas Says:
    September 18th, 2009 at 12:33 am

    Thanks a tonne for this tutorial

  2. Petit
    Petit Says:
    October 3rd, 2009 at 11:07 am

    Hi Rudollf,
    thanks a lot for sharing your experiences!
    I’ve read a few of your tutorials, and they are excellent, informative and easy to grasp.
    I really appreciate this.

    Cheers!
    /Petit

  3. Rudolf Boogerman
    Rudolf Boogerman Says:
    October 3rd, 2009 at 12:47 pm

    It’s a pleasure, Petit! Thanks for your feedback.

    Rudolf+++

  4. Belinda
    Belinda Says:
    November 25th, 2009 at 12:21 pm

    Thanks, that helped me a lot! :)

  5. alexandra
    alexandra Says:
    February 11th, 2010 at 11:54 am

    I’m loving it!!!

  6. Adam Dukes
    Adam Dukes Says:
    August 5th, 2010 at 2:56 pm

    Thank you for this!

    I wasn’t putting the <code> at the beginning and the end.

  7. Rudolf Boogerman
    Rudolf Boogerman Says:
    August 5th, 2010 at 3:40 pm

    Yes @Adam, it indeed sometimes helps to put the embedding code between those tags.
    Remember, the closing tag looks like this </code>

  8. CINOA
    CINOA Says:
    August 6th, 2010 at 5:44 am

    Hi, nice for having You around, thanks.

    Do You know how to connect a vimeo embedding code snippet to an image/thumb inside a wp posting??!

    I tried different set ups – nothing worked so far …

  9. Rudolf Boogerman
    Rudolf Boogerman Says:
    August 6th, 2010 at 12:42 pm

    Hi @Cinoa,

    You actually can’t because the player of Vimeo resides on their server, and as such, you cannot influence it. But you could create a complicated workaround. If you install a lightbox plugin and then create an external html page which only contains the embedding code of Vimeo, then place an image in your article that links to that html page in such a way that it opens it in the lightbox, then it is possible. But I haven’t tested this myself.

  10. kitty
    kitty Says:
    September 26th, 2010 at 10:37 am

    Thank you SO MUCH! I spent all day trying to get a vimeo to appear on my wordpress blog.

  11. Rudolf Boogerman
    Rudolf Boogerman Says:
    September 26th, 2010 at 10:56 am

    I’m glad you found this helpful @Kitty.

  12. Malcolm
    Malcolm Says:
    October 1st, 2010 at 3:55 pm

    Hi Rudolf, I seem to be the only one on this planet that cant still embedd..

    am building my site on wamp and joomla (so its not online yet) i have followed the above technique on the admin side, after pasting the embedded link (i did add the <code> and </code> at the end. but all i get is the same url on my front page.
    Is there something else am suppose to do after </code> ??
    Thanks

  13. Rudolf Boogerman
    Rudolf Boogerman Says:
    October 1st, 2010 at 8:06 pm

    Malcolm, you are not the only one, trust me on that ;-)

    <code></code> actually only works with WordPress. For Joomla, you need to to go to the vimeo video you want to place, click on the icon Embed”.
    Then select “Old embed code“.
    Then you get something like this:

    <object width="500" height="281"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5367093&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=a8a8a8&amp;fullscreen=1&amp;autoplay=0&amp;loop=0&quot; /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5367093&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=a8a8a8&amp;fullscreen=1&amp;autoplay=0&amp;loop=0&quot; type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="281"></embed></object>

    Copy that whole bunch of code and paste it into the html code view of the editor.
    That should work on joomla, I just tested it. But the method with iframe does not work.
    Hope this helps, Malcolm?

  14. Malcolm
    Malcolm Says:
    October 2nd, 2010 at 11:19 am

    @Rudolf…
    Yes..Yes…and YES, it worked…
    you just delivered me from my anguish, u cant believe i was just pasting the embedded code without clicking on Html.. i feel so stupid for not pasting it on html (how else will it work??!!!)
    Thanks once again, am off for a cold beer

  15. Abhie
    Abhie Says:
    November 4th, 2010 at 1:31 pm

    Hi,
    Nice article. But what about the “Method 2″.
    Can you please post something for Method 2.

    I need some guidancefor the same.

    thanks..

  16. Rudolf Boogerman
    Rudolf Boogerman Says:
    November 5th, 2010 at 7:52 am

    Hi Abhie,

    Here is the article about method two, the Badge:
    http://www.miracletutorials.com/howto-vimeo-badge/ and here the article for the Hubnut:
    http://www.miracletutorials.com/howto-vimeo-hubnut/

    You find these links at the bottom of each article too, under Related articles.

  17. Arun K
    Arun K Says:
    December 13th, 2010 at 1:09 pm

    Thanks for the great tutorial..Kindly tell me is it possible to enable viewer comments on my video when it is embedded on a website and how.
    Thanks again.

  18. Rudolf Boogerman
    Rudolf Boogerman Says:
    December 15th, 2010 at 10:31 am

    Hi Arun,

    I will check it out and come back to you.

  19. Rudolf Boogerman
    Rudolf Boogerman Says:
    December 16th, 2010 at 5:10 am

    Hi again Arun,

    Vimeo does not offer this functionality on their videos but if you work with a content management system like Joomla or WordPress, you can activate Commenting on every article/post. Thus, if you place a vimeo video in an article or post, visitors can comment in the comment box at the end of the page. now, if you only put a little bit of text under the video, then the comment box is close to the video. Not the ideal perhaps, but it can work. Many sites do it this way.

    With Drupal you probably have to install a comments plugin.

    For regular websites, this isn’t so easy because you need to involve a web developer to create comment functionality for you. This is not as expensive as it sounds, especially not if you go to http://www.elance.com or any of those developer networks where you can post a job offer.

  20. Arun K
    Arun K Says:
    December 17th, 2010 at 9:25 am

    Thank you so much Rudolph for your help and your patience.
    I guess I’ll take a look at some of the CMSes like WordPress etc and try to do it myself.
    Thanks again for your help.

  21. Offres d'emploi au Cameroun
    Offres d'emploi au Cameroun Says:
    February 19th, 2011 at 3:44 pm

    It is not so different from youtube embed videos at all

  22. Rudolf Boogerman
    Rudolf Boogerman Says:
    February 19th, 2011 at 4:19 pm

    It’s not that different, except that you have more options and to be honest, the design of the Vimeo player is a lot better.
    Although I like YouTube, I find vimeo regarding quality content and design superior.
    But that is a personal meaning.

  23. Steven
    Steven Says:
    March 11th, 2011 at 1:41 am

    Sensational.

    Worked a treat. The trick was the Old Embed code.

    The iframe stuff in the new cose really screwed it.

    Thanks so very much.

  24. Bruno
    Bruno Says:
    April 18th, 2011 at 9:56 am

    Hello, awesome tutorial!
    I have a question. I’m using wordpress and I’ve protected my videos with a password in the settings screen, as I want only registered users to my wp site to see these videos. As expected the vid on my site says ‘unauthorized access’. Is there a way to ‘embed’ the password into the code so vimeo displays the video in my site?
    Many thanks again!
    Bruno

  25. Rudolf Boogerman
    Rudolf Boogerman Says:
    April 18th, 2011 at 10:25 am

    Hi Bruno,
    Even if you could put the password in the embedding code, it won’t do anything. Also, if you would do this, non- registered users would find the password in the source code and get access anyway.

    The best thing you can do is to work with a membership plugin like S2Member to restrict access to certain pages. The free version gives you enough options to work with.
    Hope this helps?

  26. Bruno
    Bruno Says:
    April 18th, 2011 at 11:30 am

    Thanks a lot Rudolf, truly appreciated! I’ll try your plug in :)
    Cheers!

  27. Pino
    Pino Says:
    April 18th, 2011 at 7:57 pm

    salve, ragazzi non capisco come inserire i codici embed nel mio sito potete aiutarmi grazie.

  28. Rudolf Boogerman
    Rudolf Boogerman Says:
    April 19th, 2011 at 6:49 am

    Pino, your site is made in Flash, you cannot use embedding code in a Flash site. Instead you will have to import a video into your flash project. This is not possible with a Vimeo because you need an MOV video.

    I once tried to load external embedding code via a text file but it just showed the embedding code.

    I hope I understood your question correctly. My Italian is severely limited ;-)

  29. Yuval
    Yuval Says:
    May 4th, 2011 at 5:09 am

    hey guys
    I cant get the thumbnail photo to come back up after the video ends – it just opens my video bank on Vimeo.
    can you halp me??

    thanks

  30. Rudolf Boogerman
    Rudolf Boogerman Says:
    May 4th, 2011 at 10:06 am

    Hi Yuval,

    I’m not sure I i understand what you mean by a video bank. Do you have a sample page so that I can have a look?

  31. liam
    liam Says:
    May 5th, 2011 at 2:55 pm

    hey there,
    thanks for such a helpful tutorial. i was searching for ages trying to upload my vimeo vids at the correct size… you’re tutorial explained it all. :)

  32. Rudolf Boogerman
    Rudolf Boogerman Says:
    May 5th, 2011 at 3:26 pm

    Thanks, Liam. I’m glad you find it useful.

  33. S3Media Stream Manual – Video Wizard | WP 21 Century
    S3Media Stream Manual – Video Wizard | WP 21 Century Says:
    May 15th, 2011 at 3:51 pm

    [...] You can take a video from any source that allows you to embed the media, be it your local server, YouTube, S3 Amazon, etc, … Vimeo cannot be used because they use S3 Expiring URL’s themselves. By the time you setup the Wizard, the URL is already expired. There are quite few video networks who use this technique lately. It cannot be helped, you have to use their native embedding code to play videos on your site. See: http://www.miracletutorials.com/howto-embed-vimeo/ [...]

  34. Tess
    Tess Says:
    May 23rd, 2011 at 6:33 pm

    Hi Rudolf

    I have a 16 minute video edit of some people talking at a charity conference. I was sent a number of files on a DVD.

    My aim was to upload to Youtube and show it on our site.

    I decided to try Moyea video converter, which worked fine and converted all the files to a single, 306M MPEG-4 file – which has a watermark as I only downloaded the trial.

    I uploaded the vid to YouTube but it’s over 15 minutes and YouTube threw it out.

    I’d be grateful for your advice on a couple of things. First…I noticed you recommended Handbrake on another post, as well as showing how to use AVS. Which is your preference? I don’t mind paying for a good program but free is always nicer :)

    Second…should I compress the video from its 306M size? NCH has a cheap program called Prism. Do you recommend compressing and is Prism worth buying?
    Prism is also described as a converter and options without and with MPEG-2. (So I am now very confused ;()

    Third…should I look at using Vimeo to stream the conf video rather than YouT would involve editing (a possibly impossible task).

    Fourth…I have an S3 account and I also have your S3MediaPro. The video will eventually be shown on a joomla site, currently in development. altho in the meantime, it’s a wordpress blog.

    I hope I haven’t asked too many questions!

    Thanks in anticipation.
    Tess

  35. RudolfB
    RudolfB Says:
    May 24th, 2011 at 7:12 am

    Hi Tess,
    I have no preference for either HandBrake or AVS, they are both good in thier own way, except that HandBrake is on Windows and Mac + it is free.

    When uploading a video to a video service like YouTube or Vimeo, do not compress it because those services will do that anyway and you cannot compress a video twice because quality deteriorates dramatically that way.

    The hassle free solution will be to upload to Vimeo. Disadvantage is that Vimeo does not generate as much traffic as YouTube does.
    So, if maximum impact is a concern and you want to do the effort, upload it to Vimeo, then create a shorter version for YouTube. You only need to pinch off 1 minute, after all.

    I do not know prism myself, so I cannot comment on it, alas. MPEG-2 is a format for DVD, I would not use it for the web because the quality isn’t that great. MP4 is currently the most versatile container for video combined with the H.264 encoder you get a very decent video. Both the AVS and Handbrake tutorial on this site will tell you how to do that.

    Yes, I thought it was you, Tess. ;-)
    Not sure you knew, but we also have a WordPress version.

  36. Tess
    Tess Says:
    May 24th, 2011 at 3:31 pm

    Thank you Rudolf! :)

    I will try Handbrake and upload to Vimeo on the temporary WordPress site. Traffic is not critically important to this. The video is a record of an event, more of an archive and I think if I use relevant keywords, it might be easy for people to find it anyway. I will send you the link when uploaded.

    When the Joomla site is ready (in about a month’s time), I presume I can publish it using S3?

    I had noticed that you had a WP version, but can’t justify the cost as it’s not a commercial video.

    All the best and thanks for your wonderful support and good advice
    Tess

  37. RudolfB
    RudolfB Says:
    May 24th, 2011 at 4:13 pm

    Yes, you can publish it from your S3 account as well.
    May I ask what type of video the original is? You might be able to upload that directly to Vimeo without conversion upfront.

  38. Tess
    Tess Says:
    May 25th, 2011 at 10:08 am

    The video was sent on a DVD in a folder with several files. I am just converting it using Handbrake right now!

    Will let you know how I get on….

  39. Paolo
    Paolo Says:
    June 28th, 2011 at 6:59 am

    followed step by step your instruction but on my blog it’s displayed just the link and not the vid. My blog works with wordpress MU could you help me to find out a solution?

  40. Rudolf Boogerman
    Rudolf Boogerman Says:
    June 28th, 2011 at 7:06 am

    Hi Paolo, can we show me a test page? I would like to have a look at the source code.

  41. Paolo
    Paolo Says:
    June 28th, 2011 at 7:14 am

    Hello Rudolf, thanks for your help…

    this is the test page http://www.vimeo.com/25647403
    and here yuo can find how it is showed on my blog http://freedomisbetter.it/archives/659

  42. Rudolf Boogerman
    Rudolf Boogerman Says:
    June 28th, 2011 at 7:28 am

    Hi Paolo,
    It looks like WordPress is removing everything above that javascript link. Your source code only shows
    <a href="http://vimeo.com/25647403">GENTLEMEN'S SUMMERCAMP 2011 EPISODE #1</a> from <a href="http://vimeo.com/gmrproduction">GMRPROD</a&gt; on <a href="http://vimeo.com">Vimeo</a>.

    While it should show:

    <object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=25647403&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=1&amp;color=ff0000&amp;fullscreen=1&amp;autoplay=0&amp;loop=0&quot; /><embed src="http://vimeo.com/moogaloop.swf?clip_id=25647403&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=1&amp;color=ff0000&amp;fullscreen=1&amp;autoplay=0&amp;loop=0&quot; type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object><p><a href="http://vimeo.com/25647403">GENTLEMEN'S SUMMERCAMP 2011 EPISODE #1</a> from <a href="http://vimeo.com/gmrproduction">GMRPROD</a&gt; on <a href="http://vimeo.com">Vimeo</a>.</p&gt;

    Did you place the code via the html editor?

  43. Paolo
    Paolo Says:
    June 28th, 2011 at 7:32 am

    My problem is exactly what you have mentionated. Yes I placed the code by the HTML editor and have also included the frame .
    I don't have this problem using embed code of youtube's videos!!!

  44. Rudolf Boogerman
    Rudolf Boogerman Says:
    June 28th, 2011 at 7:36 am

    Are you on wordpress.com or selfhosted?

  45. Rudolf Boogerman
    Rudolf Boogerman Says:
    June 28th, 2011 at 8:09 am

    Also, this may be a silly question, but you did click on the link “Old embedding code”, right?
    iframes do not work on WordPress.

  46. Paolo
    Paolo Says:
    June 28th, 2011 at 8:45 am

    Yes I used the Old Embedding code :-( !
    No i’m not on wordpress.com but on tophost.

    Thank you anyway for your help

  47. Rudolf Boogerman
    Rudolf Boogerman Says:
    June 28th, 2011 at 9:00 am

    The thing is, in your header, I see a the generator meta tage saying wordpress.com
    This is something you normally do not see on a self hosted site. Normally is shows the version of WP instead.

    Have you tried upgrading to the latest version of WordPress?

  48. Paolo
    Paolo Says:
    June 28th, 2011 at 9:13 am

    I’ll try because I think it’s the best solution. I have anoter blog on altervista.org and they provide a latest version of wordpress that read perfectly the vimeo code

  49. Rudolf Boogerman
    Rudolf Boogerman Says:
    June 28th, 2011 at 12:26 pm

    Yes, because your version of WP is really too old now.

  50. Essi
    Essi Says:
    July 3rd, 2011 at 2:35 pm

    Hi Rudolf.
    First of all, thank you for the tutorial.
    Second, my boyfriend (he doesn’t speak English, that’s why I’m writing) has a problem with embedding videos from vimeo to wordpress. For him the iframe actually works, but he’d like to know how to delete the title from the top of the video. He unticked the option for title and byline both, but only the byline has disappeared.

    We tried with the old code, but ran into what seems like the same problem as Paolo before; WordPress removes the beginning of the code and so it doesn’t work. We’re using the HTML editor and added both code tags as instructed…

    The web page in question is this:
    http://foodforpixels.com/documental/

    He’d like the blue “Elogio a la espalda” on top of the video to disappear. The code he is currently using is the new embedding code.

    Do you know how to help him?

    Thank you,
    Essi

  51. Rudolf Boogerman
    Rudolf Boogerman Says:
    July 3rd, 2011 at 6:06 pm

    Hi Essi,
    What your friend has to do is when he clicks on Embed, is to click on Customize embed options at the bottom of the popup box.
    There he will see a set of choices in the form of check boxes, under which Title. Deselect Title and you will see that the title disappears.
    I hope this helps?

  52. thanks &amp; help
    thanks & help Says:
    September 29th, 2011 at 4:07 am

    hi I’ve just got my web people to add player and code and the video is way small in the player so I think your tutorial helps me sort this out. I assume in my site they can make player larger.

    just wanted to ask why when I click full screen mode (and it scales) does it go poor quality; the video is HD and high quality?

    thanks

    justin

  53. Gentianni
    Gentianni Says:
    October 7th, 2011 at 9:38 am

    Dag Rudolf .
    Ik heb een filmpje van mij geupload op vimeo . Daarna heb ik het op mijn blog geplaatst.
    Mijn vraag is :
    Ik zou willen dat de kijker NIET mijn embed code kan zien , zodat men mijn film niet kan copieéren . WAT MOET IK HIERVOOR DOEN , graag een gedetaileerde uitleg aub .
    Bedankt bij voorbaat
    Groetjes Gentianni.

  54. Rudolf Boogerman
    Rudolf Boogerman Says:
    October 7th, 2011 at 10:38 am

    Dag Gentianni,
    Je kunt embedding code altijd zien, anders zou het niet werken, hoewel je eventueel zou kunnen experimenteren met een code obfuscator maar dat kan weer omgedraaid worden, dus veel zin heeft dat niet. Je kunt wel verbieden dat iemand je video daadwerkelijk download:
    Ga naar je Vimeo account
    Kies de video die je wilt beschermen
    Klik dan op Settings (rechterbovenhoek)
    Selecteer Privacy
    Maak de tickbox “Allow other people to download the source video.” leeg.

    Dit zal mensen beletten de video op hun computer te saven, maar het verhindert niet dat ze je embedding code copieren en op hun site plaatsen.
    Hier vindt je al de mogelijkheden in verband met privacy settings in Vimeo: http://www.vimeo.com/help/faq#privacy_settings_do
    Zoals op YouTube heb je de mogelijkheid om een video prive te maken, maar dan kun je alleen op uitnodiging de video zien, wat op een site onpraktisch is.
    Als dit echt heel belangrijk is, dan kun je beter met S3 Amazon/CloudFront werken, waar links naar videos binnen een tiental minuten al verlopen zijn en als dusdanig niet kunnen afspelen op andere sites.

  55. Rudolf Boogerman
    Rudolf Boogerman Says:
    October 7th, 2011 at 10:45 am

    Translation from Dutch in response to Gentianni:

    You can always see embedding code, otherwise it would not work, although you could possibly experiment with a code obfuscator, but this can then be turned around so it is kind of pointless. You can forbid that someone actually downloads a video:
    Go to your Vimeo account
    Choose the video you want to protect
    Click on Settings (top right)
    Select Privacy
    Clean the tick box “Allow other people to download the source video.”

    This will prevent people from saving the video on their computers, but it does not prevent copying and embedding code on their site.
    Here you find all the options related to privacy settings in Vimeo: http://www.vimeo.com/help/faq # privacy_settings_do
    Like on YouTube, you have the opportunity to make a video private, but you can only see the video invitation, which is impractical on a site.
    If this is really important, you’re better off with Amazon S3 / CloudFront, which links to videos expire within ten minutes or so and as such can not play on other sites.

  56. Rudolf Boogerman
    Rudolf Boogerman Says:
    October 7th, 2011 at 10:48 am

    Hi Justin,

    You probably uploaded a video that was already compressed strongly. Try to upload a video that has the least possible compression and you will see it improves the quality.
    Keep in mind that Vimeo will again compress your video, adding artifacts to it.
    If you did not compress the video, the only possible reason I can see then is that your video is smaller then the screen you are playing it on. Nothing can be done about that.

  57. Juice
    Juice Says:
    November 10th, 2011 at 6:10 pm

    Hi Ridolf,

    I am trying to embed a vimeo video on my joomla site and everything in this article helps and seems to be going well until I hit save. After I do, all the code disappears and leaves only the text I typed in my post but the video code is gone. I am putting the code in the HTML source editor. I have also tried putting the code in the source of the ‘insert/edit embedded material’ zone as well. Any thoughts? I feel like I’m so close but am the only one that can’t make it work.

  58. Juice
    Juice Says:
    November 10th, 2011 at 6:19 pm

    I mean Rudolf, sorry didn’t mean to mistype your name.

  59. Rudolf Boogerman
    Rudolf Boogerman Says:
    November 11th, 2011 at 5:24 am

    No problem Juice. What version of Joomla are you using? In Joomla 1.5 it should work, but I use the old embedding method not the iframe.
    If you have an older version of joomla you could try placing de code in a module and give that a unique position and then call it in the article.
    Here is an article on how to place modules within articles: http://www.joomla21century.com/news-articles/38-articles/75-how-to-add-modules-in-an-article

  60. William
    William Says:
    November 16th, 2011 at 8:12 am

    hi Rodolph thank you for this tutorial, but i have a question: when the movie is finished, 3 new videos appear, is it possible to hide them??

  61. Rudolf Boogerman
    Rudolf Boogerman Says:
    November 16th, 2011 at 8:42 am

    Hi William,

    This is not possible unless you have Vimeo Plus subscription ($59/year). Then you can control the player quite extensively. Have a look at this tutorial from Vimeo staff:

    Vimeo Plus Tutorial - http://vimeo.com/1982210

  62. Jeff
    Jeff Says:
    December 9th, 2011 at 5:41 pm

    Thanks for the tutorial. Unfortunately, with my Drupal install for whatever reason the video shows up, the sounds works correctly but the video itself doesn’t move. It just stays in one place while the sound works.

    I’ve tried using both the ‘iframe’ and ‘object’ methods and nothing. I’ve just removed the video for the time being….

    Thoughts on that problem?

  63. Rudolf Boogerman
    Rudolf Boogerman Says:
    December 10th, 2011 at 10:05 am

    Looks like you have a problem with your video. I don’t think this is related to the embedding code. Try to convert the original to another format and try again.

  64. erick
    erick Says:
    January 26th, 2012 at 5:13 pm

    Hi Rudolf, I am trying to embed a video in an eventbrite page that I am about to publish. However, it says I can’t because it is an iframe video. Do you know anyway around this?

  65. Rudolf Boogerman
    Rudolf Boogerman Says:
    January 26th, 2012 at 8:04 pm

    Hi Erick, You need to select the old embed code if iframes do not work. It is explained in this tutorial. Have a look at the second screenshot from the top and the text just above it.

Comments


Most popular posts(since 24/01/12)

Recent Comments:

  • Allison: Huh… looks like embedding is a Vimeo Plus option only. I’m not sure you mentioned that in the...
  • Allison: The hubnut widget looks like exactly what we need, but it doesn’t play. I have customized it to a...
  • brett: @Loretta, not sure if your issue is the same as mine, but my videos wouldn’t play in Firefox/Chrome...
  • bob marley (@thatBobMarley): Please *adapt* article for adaptive streaming as the article’s engineered interweb...
  • erick: Hi Rudolf, I am trying to embed a video in an eventbrite page that I am about to publish. However, it says I...
  • dharmendra singh: its a nice comparision between joomla & wordpress. note : good point:-you can be listed in...
  • Camille: Thank you for such an in-depth review! All very relevant to me. The main reason I have stuck with a large US...
  • jakerusty: thanks for providing Joomla module title links. keep posting…
  • Rodney: Ihave an Alesis Multimix12 Firewire mixer! The problem is my HP laptop does not have access for an Express...
  • RudolfB: Ah, yes, that happens, even to coders ;-)

Most commented posts