Servers/Episodes
by MRKIRA
HTML
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://content.jwplatform.com/libraries/n1HuIQms.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/droidarabickufi.css">
<div id="Playerholder" class="embedded-video" style="background: #000;">
<iframe width="100%" height="400" src="" frameborder="0" allowfullscreen=""></iframe>
</div>
<center><b>w w w . i N 4 s s e r . c o m</b></center>
<div id="player" class="col-xs-12 col-sm-12 col-md-12 wide-player">
<div id="video-wrapper">
<div style="margin-bottom: 10px;">
<a href="javascript:void(0)" class="btn btn-default" data-embed-id="1">مشغل 1</a>
<a href="javascript:void(0)" class="btn btn-default" data-embed-id="2">مشغل 2</a>
<a href="javascript:void(0)" class="btn btn-default" data-embed-id="3">مشغل 3</a>
<a href="javascript:void(0)" class="btn btn-default" data-embed-id="4">مشغل 4</a>
<a href="javascript:void(0)" class="btn btn-default" data-embed-id="5">مشغل 5</a>
<a href="javascript:void(0)" class="btn btn-default" data-embed-id="6">مشغل 6</a>
</div>
<script>
var embedMe = function(id, jQobj) {
var iframes = {};
iframes[1] = '<iframe width="100%" height="400" src="https://goo.gl/Y7N2xN" frameborder="0" allowfullscreen></iframe>';
iframes[2] = '<iframe width="100%" height="400" src="https://goo.gl/Y7N2xN" frameborder="0" allowfullscreen></iframe>';
iframes[3] = '<iframe width="100%" height="400" src="https://goo.gl/Y7N2xN" frameborder="0" allowfullscreen></iframe>';
iframes[4] = '<iframe width="100%" height="400"...
CSS
.btn{
float:right;
min-width: 103.8px;
border: 1px solid rgba(154, 154, 154, 0.15) !important;
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
font-family: 'Droid Arabic Kufi', sans-serif;
list-style-type: none;
margin-bottom: 1px;
margin-top: 1px;
margin-right: 2px;
margin-left: 2px;
padding: 5px 0;
font-size: small;
}
.btn-success{
background: linear-gradient(#41A7D6, #0C577A) !important;
border-color: #0d4f6d !important;
}
.btn:hover{
background-color: #41A7D6 !important;
}
div#Playerholder{
background: none !important;
}