CODIGO SERIES PARA FAZER EP POR EP WEEBLY
<div class="video">
<b class="demo" id="demo" style="font-size: 20px;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Episódio 1</span></span></span></span></span></span></span></span></b></div><div class="video">
<iframe allowfullscreen="" height="203" id="frame" src=" LNK EP 1 " style="border-radius: 15px; border: 1.5px solid #ff0000;" width="320"></iframe>
<br />
<div class="btn" id="btn">
<span style="font-size: xx-small;"><span><button class="btn_p" onclick="getElementById("demo").innerHTML = "Episódio 1"; getElementById("frame").src = " LINK EP 1 ";"><i class="fas fa-"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">EP 1</span></span></span></span></span></span></span></span></i></button>
<button class="btn_p" onclick="getElementById("demo").innerHTML = "Episódio 2"; getElementById("frame").src = " LINK EP 2";"><i class="fas fa-"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">EP 2</span></span></span></span></span></span></span></span></i></button>
<button class="btn_p" onclick="getElementById("demo").innerHTML = "Episódio 3"; getElementById("frame").src = " LINK EP 3 ";"><i class="fas fa-"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">EP 3</span></span></span></span></span></span></span></span></i></button>
<button class="btn_p" onclick="getElementById("demo").innerHTML = "Episódio 4"; getElementById("frame").src = " LINK EP 4 ";"><i class="fas fa-"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">EP 4</span></span></span></span></span></span></span></span></i></button></span><br>
<button class="btn_p" onclick="getElementById("demo").innerHTML = "Episódio 5"; getElementById("frame").src = " LINK EP 5 ";"><i class="fas fa-"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">EP 5</span></span></span></span></span></span></span></span></i></button>
<button class="btn_p" onclick="getElementById("demo").innerHTML = "Episódio 6"; getElementById("frame").src = " LINK EP 6 ";"><i class="fas fa-"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">EP 6</span></span></span></span></span></span></span></span></i></button>
<button class="btn_p" onclick="getElementById("demo").innerHTML = "Episódio 7"; getElementById("frame").src = " LINK EP 7 ";"><i class="fas fa-"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">EP 7</span></span></span></span></span></span></span></span></i></button>
<button class="btn_p" onclick="getElementById("demo").innerHTML = "Episódio 8"; getElementById("frame").src = " LINK EP 8 ";"><i class="fas fa-"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">EP 8</span></span></span></span></span></span></span></span></i></button>
<button class="btn_p" onclick="getElementById("demo").innerHTML = " Episódio 9 "; getElementById("frame").src = " LINK EP 9 ";"><i class="fas fa-"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">EP 9</span></span></span></span></span></span></span></span></i></button>
</span></div>
<br />
<style>
.demo {
text-align: center;
}
.video {
text-align: center;
}
.btn {
text-align: center;
}
.btn a {
text-decoration: none;
display: inline-block;
font-size: 15px;
color: #ffffff;
background: #ff0000;
padding: 10px 20px;
margin: 3px;
border-radius: 4px;
margin-bottom: 30px;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.btn a:hover {
color: #000000;
background: #ffffff;
font-size: 14px;
}
.btn_p{
border: none;
display: inline-block;
font-size: 18px;
color: #ffffff;
background: #ff0000;
padding: 5px 10px;
margin: 10px;
border-radius: 4px;
margin-bottom: 5px;
-webkit-transition: all, 0.3s;
-o-transition: all, 0.3s;
transition: all, 0.3s;
}
.btn_p:hover {
color: #000000;
background: #fff0da;
font-size: 17px;
}
</style>
</div>
Comentários
Postar um comentário