Embed and extend the customization of the Vimeo player beyond its native abilities.
vimeoEmbedder.js for jQuery helps artists and designers present their Vimeo videos on websites the way they want them to.
vimeoEmbedder.js for jQuery helps you easily embed and extend the customization of the Vimeo player beyond its native abilities. The lightweight plugin is designed to help give you creative control over how your Vimeo videos are presented by configuring a set of options. In addition, vimeoEmbedder.js enables you to customize your own placeholder image for any Vimeo video. The plugin does not embed Vimeo videos when a web page loads on the fly, but rather allows the user to embed the video player on click.
Usage and Options
1) To use vimeoEmbedder.js, the first thing you should do is load the scripts and stylesheet found in the distribution within the head tag:
<link rel="stylesheet" href="css/vimeoEmbedder.css">
2) Next, place the following source code anywhere inside the body tag of your HTML document where you would like the Vimeo player to be displayed:
Browsers and platforms
vimeoEmbedder.js works reliably on Firefox, Safari, Chrome and IE.
The above Vimeo player uses the following vimeoEmbedder.js configuration options:
var vimeoID = "1185749";
var width = "480";
var height = "270";
var image = "http://www.underwater.ca/vimeoembedder/plugin/img/cover.jpg";
var vimeoColor = "88d6f6";
var playButtonColor= "88d6f6";
var vimeoBgColor = "f1f1f1";