Skip to content

Instantly share code, notes, and snippets.

@edgework
Created October 4, 2016 23:07
Show Gist options
  • Select an option

  • Save edgework/83e232bcad71e7cff4a69d67520642f4 to your computer and use it in GitHub Desktop.

Select an option

Save edgework/83e232bcad71e7cff4a69d67520642f4 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">
<title>Vimeo <3 Vimeo</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.js"></script>
<script type="text/javascript" src="https://player.vimeo.com/api/player.js"></script>
<script type='text/javascript'>
$(document).ready(function()
{
var options = {
id: 59777392,
width: 640
};
$('#f_Container').append($('<div id="vimeoPlayer1" class="hidden"></div>'));
var player = new Vimeo.Player(vimeoPlayer1, options);
player.on('loaded', vimeoLoaded);
});
function vimeoLoaded()
{
$('#f_Console').append('<p>vimeo video loaded</p>');
}
</script>
<style>
.hidden
{
display: none;
}
</style>
</head>
<body>
<header>
<h1>Vimeo <3 Vimeo</h1>
<h3>Don't expect to see a video (its hidden)</h3>
</header>
<div id="fb-root"></div>
<div id='f_Container'></div>
<div id='f_Console' style='margin-top: 30px; height: 100px; overflow: auto; border: 1px solid black;'></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment