JSFiddle - React, Tailwind, and code Playground
by JamesKyle
HTML
<div style="text-align: center;">
<h1 class="tv-header">CoachUp TV</h1>
<div>
</div>
<div class="container">
<div class="row">
<div class="span12">
<ul class="nav nav-pills" style="display: inline-block;">
<li><a href="/tv/find/#/">All</a></li>
<li><a href="/tv/find/#/tip/">Coach Tips</a></li>
<li><a href="/tv/find/#/basketball/">Basketball</a></li>
<li><a href="/tv/find/#/football/">Football</a></li>
<li><a href="/tv/find/#/boxing/">Boxing</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="video-container">
</div>
<div class="container" id="related">
<div class="row">
</div>
</div>
JavaScript
(function($) {
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
"use strict";
if (this === null) {
throw new TypeError();
}
var t = new Object(this);
var len = t.length >>> 0;
if (len === 0) {
return -1;
}
var n = 0;
if (arguments.length > 0) {
n = Number(arguments[1]);
if (n != n) { // shortcut for verifying if it's NaN
n = 0;
} else if (n !== 0 && n !== Infinity && n !== -Infinity) {
n = (n > 0 || -1) * Math.floor(Math.abs(n));
}
}
if (n >= len) {
return -1;
}
var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
for (; k < len; k++) {
if (k in t && t[k] === searchElement) {
return k;
}
}
return -1;
};
}
Array.prototype.remove= function(){
var what, a= arguments, L= a.length, ax;
while(L && this.length){
what= a[--L];
while((ax= this.indexOf(what))!= -1){
this.splice(ax, 1);
}
}
return this;
};
var urlId = 47191650,
results = [
"47191650",
"47191648",
"47191647",
"47191646",
"47191645",
"47179830",
"47179829",
"47179828",
"47179827",
"47179826",
"47175715",
"47175713"
];
if (1 == 1) {
var iframe = '<iframe class="video vimeo" src="https://player.vimeo.com/video/' + urlId + '" width="940" height="528" webkitallowfullscreen mozallowfullscreen allowfullscreen frameborder="0" ></iframe>';
...