Skip to content

Instantly share code, notes, and snippets.

View grappler's full-sized avatar

Ulrich Pogson grappler

224 followers · 56 following
View GitHub Profile
@grappler
grappler / additional fitvids selector.js
Created January 26, 2013 19:26
jQuery(document).ready(function(){
// Target your #container, #wrapper etc.
jQuery("#wrapper").fitVids({ customSelector: "iframe[src^='http://grappler.tk']"});
jQuery("#wrapper").fitVids({ customSelector: "iframe[src^='http://www.grappler.tk']"});
jQuery("#wrapper").fitVids({ customSelector: "iframe[src^='http://fast.wistia.net']"});
});
@grappler
grappler / JWPlayer iFrame.html
Created January 27, 2013 14:17
<iframe src="http://grappler.tk/wp-content/themes/responsive-testing/jwplayer/jwplayer.flash.swf?file=http://testing.grappler.tk/files/2013/01/trailer_1080p.mp4" height="576" width="960" frameborder="0" allowfullscreen></iframe>
@grappler
grappler / JW Player 5 embed.html
Last active February 13, 2017 21:17
<script type="text/javascript" src="//cdn.jsdelivr.net/jwplayer/5.10/jwplayer.js"></script>
<div id="player_1"></div>
<script type="text/javascript">// <![CDATA[
jwplayer('player_1').setup({
file: "http://testing.grappler.tk/files/2013/01/trailer_1080p.mp4",
width: "100%",
height: "100%",
stretching: "fill",
flashplayer:"//cdn.jsdelivr.net/jwplayer/5.10/player.swf"
});
@grappler
grappler / JWPlayer.css
Created January 28, 2013 16:38
#player_1_wrapper {
width: 100%;
position: relative;
padding: 0;
padding-bottom: 56.25%;
}
#player_1_wrapper object {
position: absolute;
top: 0;
@grappler
grappler / flowplayer.html
Created January 31, 2013 20:09
<link rel="stylesheet" href="//releases.flowplayer.org/5.4.4/skin/minimalist.css">
<script src="http://releases.flowplayer.org/5.4.4/flowplayer.min.js"></script>
<div class="flowplayer play-button" data-ratio="0.5625">
<video controls="controls" preload="metadata" data-embed="false">
<source src="http://testing.grappler.tk/files/2013/01/trailer_1080p.mp4" type="video/mp4"></source>
<source src="http://testing.grappler.tk/files/2013/01/trailer_1080p.webm" type="video/webm"/></source>
<source src="http://testing.grappler.tk/files/2013/01/trailer_1080p.ogv" type="video/ogg"/></source>
</video>
</div>
@grappler
grappler / video.js.css
Created February 1, 2013 21:36
.fluid-width-video-wrapper .video-js {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}
@grappler
grappler / video.js.html
Created February 1, 2013 21:37
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
<div class="video-js-wrapper">
<video id="video-js-1" class="video-js vjs-default-skin" controls width="960" height="540" poster="http://testing.grappler.tk/files/2013/01/trailer_1080p.jpg" preload="auto" data-setup="{}">
<source src="http://testing.grappler.tk/files/2013/01/trailer_1080p.mp4" type="video/mp4"></source>
<source src="http://testing.grappler.tk/files/2013/01/trailer_1080p.webm" type="video/webm"/></source>
<source src="http://testing.grappler.tk/files/2013/01/trailer_1080p.ogv" type="video/ogg"/></source>
</video>
</div>
@grappler
grappler / video.js-FitVids.js
Created February 1, 2013 21:45
// FitVids
jQuery(document).ready(function(){
// Target your #container, #wrapper etc.
jQuery("#wrapper").fitVids({ customSelector: "div[class^='video-js-wrapper']"});
});
@grappler
grappler / mediaelement wordpress plugin
Last active December 12, 2015 02:29
[video
poster="http://testing.grappler.tk/files/2013/01/trailer_1080p.jpg"
mp4="http://testing.grappler.tk/files/2013/01/trailer_1080p.mp4"
webm="http://testing.grappler.tk/files/2013/01/trailer_1080p.webm"
ogg="http://testing.grappler.tk/files/2013/01/trailer_1080p.ogv"
width="100%"
height="100%"
]
@grappler
grappler / videojs wordpress plugin.html
Last active December 12, 2015 02:49
<div class="video-js-wrapper" width="960" height="540">
[video
poster="http://testing.grappler.tk/files/2013/01/trailer_1080p.jpg"
mp4="http://testing.grappler.tk/files/2013/01/trailer_1080p.m4v"
webm="http://testing.grappler.tk/files/2013/01/trailer_1080p.webm"
ogg="http://testing.grappler.tk/files/2013/01/trailer_1080p.ogv"
width="960"
height="540"
]
</div>