Skip to content

Instantly share code, notes, and snippets.

@jasontucker
Forked from anonymous/index.html
Last active December 30, 2015 02:59
Show Gist options
  • Save jasontucker/7766622 to your computer and use it in GitHub Desktop.
Save jasontucker/7766622 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<title>Foo</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<style type='text/css'>
body {
font-family: 'Helvetica';
letter-spacing:-5px;
background:#000;
background-size:100%;
color:#fff;
margin:0;
padding:0;
font-weight:bold;
}
h1, h2, h3, p {
margin:0;
}
em, a {
font-style:normal;
color:#8dbd0c;
}
a {
background: #34d0e7;
color:#000;
text-decoration:none;
}
img {
width:100%;
}
div {
cursor:pointer;
cursor:hand;
position:absolute;
top:0;
left:0;
}
</style>
<script type='text/javascript'>
window.onload = function() {
var s = document.getElementsByTagName('div'), cur = 0;
if (!s) return;
function go(n) {
cur = n;
var i = 1e3, e = s[n];
for (var k = 0; k < s.length; k++) s[k].style.display = 'none';
e.style.display = 'inline-block';
e.style.fontSize = i + 'px';
if (e.firstChild.nodeName === 'IMG') {
document.body.style.backgroundImage = 'url(' + e.firstChild.src + ')';
e.firstChild.style.display = 'none';
} else {
document.body.style.backgroundImage = '';
document.body.style.backgroundColor = e.style.backgroundColor;
}
while (
e.offsetWidth > window.innerWidth ||
e.offsetHeight > window.innerHeight) {
e.style.fontSize = (i -= 10) + 'px';
if (i < 0) break;
}
e.style.marginTop = ((window.innerHeight - e.offsetHeight) / 2) + 'px';
if (window.location.hash !== n) window.location.hash = n;
document.title = e.textContent || e.innerText;
}
document.onclick = function() {
go(++cur % (s.length));
};
document.onkeydown = function(e) {
(e.which === 39) && go(Math.min(s.length - 1, ++cur));
(e.which === 37) && go(Math.max(0, --cur));
};
function parse_hash() {
return Math.max(Math.min(
s.length - 1,
parseInt(window.location.hash.substring(1), 10)), 0);
}
if (window.location.hash) cur = parse_hash() || cur;
window.onhashchange = function() {
var c = parse_hash();
if (c !== cur) go(c);
};
go(cur);
};
</script></head><body>
<div><style>
strong{ color: #5cd3f3;}
em{ color: #5cd3fa;}
ul {padding-left: 50px;}
body {
background-color: black;
background-size:100px 100px;
background-repeat:no-repeat;
background-position:bottom right;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRFNDI3OTU1NDE0MTFFM0EzMjVBODc2NDQ2MTdFMEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRFNDI3OTY1NDE0MTFFM0EzMjVBODc2NDQ2MTdFMEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NEU0Mjc5MzU0MTQxMUUzQTMyNUE4NzY0NDYxN0UwRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NEU0Mjc5NDU0MTQxMUUzQTMyNUE4NzY0NDYxN0UwRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmjNbGEAABLjSURBVHja7F1bjCTX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);
}
</style>
<div>
<h1>Jason Tucker</h1>
<p>Adding Video To WordPress</p>
<p>I can be found at:</p>
<p><em>@jasontucker</em></p>
<p><em>WPmedia.pro</em></p>
<p><em>WPwatercooler.com</em></p>
</div>
<div><h1>Why should I use video?</h1>
<h3>YouTube</h3>
<ul>
<li><p>More than 1 billion unique users each month</p>
</li>
<li><p>Over 6 billion hours of video are watched each month</p>
</li>
<li><p>Nielsen: YouTube reaches more US adults ages 18-34 than any cable network</p>
</li>
</ul>
</div>
<div><h1>How to use video in WordPress</h1>
<ol>
<li><p>oEmbed <em>YouTube, Vimeo, etc..</em></p>
</li>
<li><p>VideoPress <em>$59.97</em></p>
</li>
<li><p>Direct Upload to WordPress <em>DON&#39;T DO IT! ☹</em></p>
</li>
<li><p>Plugins to help</p>
</li>
<li><p>Live Streaming</p>
</li>
</ol>
</div>
<div><h1>oEmbed</h1>
<p>Embed a video in a post or page using the URL from the video site.</p>
<p><a href="http://www.youtube.com/watch?v=TASykB63qu4">http://www.youtube.com/watch?v=TASykB63qu4</a></p>
<h3>Demo Time!</h3>
</div>
<div><h1>VideoPress</h1>
<ul>
<li><p>Owned by WordPress</p>
</li>
<li><p><em>$59.97</em> per year</p>
</li>
<li><p>Upload up to 1GB</p>
</li>
<li><p>Built into Jetpack plugin</p>
</li>
</ul>
</div>
<div><h1>Direct Upload</h1>
<p>Upload just like an image file to your server </p>
<p><em>Not Recommended!</em></p>
<p>Eats all your bandwidth, isn&#39;t very shareable</p>
</div>
<div><h1>Plugins</h1>
<h3>Responsive Video Embeds - <em>Free</em></h3>
<p><a href="http://wpmedia.pro/responsivevideoembeds">http://wpmedia.pro/responsivevideoembeds</a></p>
<h3>LeadPlayer - <em>$147</em></h3>
<p><a href="http://wpmedia.pro/leadplayer">http://wpmedia.pro/leadplayer</a></p>
<h3>FooBox <em>$27 - $97</em></h3>
<p><a href="http://wpmedia.pro/foobox">http://wpmedia.pro/foobox</a></p>
</div>
<div><h1>Responsive Video Embeds - <em>Free</em></h1>
<p><a href="http://wpmedia.pro/responsivevideoembeds">http://wpmedia.pro/responsivevideoembeds</a></p>
<h2>Demo Time!</h2>
</div>
<div><h1>LeadPlayer - <em>$147</em></h1>
<p><a href="http://wpmedia.pro/leadplayer">http://wpmedia.pro/leadplayer</a></p>
<h2>Demo Time!</h2>
</div>
<div><h1>FooBox <em>$27 - $97</em></h1>
<p><a href="http://wpmedia.pro/foobox">http://wpmedia.pro/foobox</a></p>
<h2>Demo Time!</h2>
</div>
<div><h1>Live Streaming</h1>
<h3>Google Hangout On Air</h3>
<p><a href="http://wpmedia.pro/hangout">http://wpmedia.pro/hangout</a></p>
<h3>LiveStream.com</h3>
<p><em>$0, $49, $399, $999</em></p>
<h3>Ustream.tv</h3>
<p><em>Monthly plans $99 - $999</em></p>
</div>
<div><h1>Google Hangout On Air</h1>
<p><a href="http://wpmedia.pro/hangout">http://wpmedia.pro/hangout</a></p>
<h2>Demo Time!</h2>
</div>
<div><h3>LiveStream.com</h3>
<p><em>$0, $49, $399, $999</em></p>
<h2>Demo Time!</h2>
</div>
<div>
<h1>Jason Tucker</h1>
<p>Adding Video To WordPress</p>
<p>I can be found at:</p>
<p><em>@jasontucker</em></p>
<p><em>WPmedia.pro</em></p>
<p><em>WPwatercooler.com</em></p>
</div>
<style> strong{ color: #5cd3f3;} em{ color: #5cd3fa;} body {padding: 200px !important;} ul {padding-left: 50px;} body { background-color: black; background-size:100px 100px; background-repeat:no-repeat; background-position:bottom right; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRFNDI3OTU1NDE0MTFFM0EzMjVBODc2NDQ2MTdFMEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRFNDI3OTY1NDE0MTFFM0EzMjVBODc2NDQ2MTdFMEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NEU0Mjc5MzU0MTQxMUUzQTMyNUE4NzY0NDYxN0UwRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NEU0Mjc5NDU0MTQxMUUzQTMyNUE4NzY0NDYxN0UwRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmjNbGEAABLjSURBVHja7F1bjCTX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); } </style>

Jason Tucker

Adding Video To WordPress

I can be found at:

@jasontucker

WPmedia.pro

WPwatercooler.com


Why should I use video?

YouTube

  • More than 1 billion unique users each month

  • Over 6 billion hours of video are watched each month

  • Nielsen: YouTube reaches more US adults ages 18-34 than any cable network


How to use video in WordPress

  1. oEmbed YouTube, Vimeo, etc..

  2. VideoPress $59.97

  3. Direct Upload to WordPress DON'T DO IT! ☹

  4. Plugins to help

  5. Live Streaming


oEmbed

Embed a video in a post or page using the URL from the video site.

http://www.youtube.com/watch?v=TASykB63qu4

Demo Time!


VideoPress

  • Owned by WordPress

  • $59.97 per year

  • Upload up to 1GB

  • Built into Jetpack plugin


Direct Upload

Upload just like an image file to your server

Not Recommended!

Eats all your bandwidth, isn't very shareable


Plugins

Responsive Video Embeds - Free

http://wpmedia.pro/responsivevideoembeds

LeadPlayer - $147

http://wpmedia.pro/leadplayer

FooBox $27 - $97

http://wpmedia.pro/foobox


Responsive Video Embeds - Free

http://wpmedia.pro/responsivevideoembeds

Demo Time!


LeadPlayer - $147

http://wpmedia.pro/leadplayer

Demo Time!


FooBox $27 - $97

http://wpmedia.pro/foobox

Demo Time!


Live Streaming

Google Hangout On Air

http://wpmedia.pro/hangout

LiveStream.com

$0, $49, $399, $999

Ustream.tv

Monthly plans $99 - $999


Google Hangout On Air

http://wpmedia.pro/hangout

Demo Time!


LiveStream.com

$0, $49, $399, $999

Demo Time!


Jason Tucker

Adding Video To WordPress

I can be found at:

@jasontucker

WPmedia.pro

WPwatercooler.com


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment