Skip to content

Instantly share code, notes, and snippets.

View brettgaylor's full-sized avatar

Brett Gaylor brettgaylor

27 followers · 3 following
View GitHub Profile
@brettgaylor
brettgaylor / Popcorn101
Created June 16, 2011 17:48
Popcorn 101
<!doctype html>
<html>
<head>
<span id="popcorn-js"><script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script></span>
<script>
<span id="eventlistener">// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {</span>
<span id="popcorninstance">// Create a popcporn instance by calling Popcorn("#id-of-my-video")
var pop = Popcorn("#ourvideo");</span>
@brettgaylor
brettgaylor / Popcorn101
Created June 17, 2011 19:35
Popcorn 101
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling Popcorn("#id-of-my-video")
var pop = Popcorn("#ourvideo");
@brettgaylor
brettgaylor / gist:1032322
Created June 17, 2011 20:55
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling Popcorn("#id-of-my-video")
var pop = Popcorn("#ourvideo");
@brettgaylor
brettgaylor / gist:1032479
Created June 17, 2011 22:14
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling the Youtube player plugin
var example = Popcorn(Popcorn.youtube(
@brettgaylor
brettgaylor / popcorn-youtube.html
Created June 24, 2011 21:47 — forked from humphd/popcorn-youtube.html
Popcorn YouTube Example
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling the Youtube player plugin
@brettgaylor
brettgaylor / Popcorn.vimeo.html
Created June 24, 2011 21:56
Popcorn with vimeo
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling the Vimeo player plugin
@brettgaylor
brettgaylor / popcorn.googlemaps.html
Created June 25, 2011 05:39
Popcorn with Google Maps
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling Popcorn("#id-of-my-video")
var pop = Popcorn("#ourvideo");
@brettgaylor
brettgaylor / Popcorn.googlemap.html
Created June 29, 2011 23:33
Popcorn Googlemap
<!doctype html>
<html>
<head>
<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<script>
// ensure the web page (DOM) has loaded
document.addEventListener("DOMContentLoaded", function () {
// Create a popcorn instance by calling Popcorn("#id-of-my-video")
var pop = Popcorn("#ourvideo");
@brettgaylor
brettgaylor / gist:2876016
Created June 5, 2012 16:16
<script type="text/javascript">
var uvOptions = {};
(function() {
var uv = document.createElement('script'); uv.type = 'text/javascript'; uv.async = true;
uv.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'widget.uservoice.com/8vOeVcclRtYPvAvTiIGPlA.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(uv, s);
})();
</script>
@brettgaylor
brettgaylor / gist:2920994
Created June 13, 2012 00:27
Robots HTML
<html><head><base href="http://pr475.butyr.org/templates/supported/robots/"><style type="text/css">@media print { .gmnoprint { display:none }}@media screen { .gmnoscreen { display:none }}</style>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Robots</title>
<meta name="viewport" content="width=device-width">
<link href="http://fonts.googleapis.com/css?family=Jolly+Lodger%7CBangers%7CLato%7CFredericka+the+Great%7CLovers+Quarrel" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../shared/css/normalise.css">
<link rel="stylesheet" href="css/style.css">