membuat multiple streaming video,ada bug sih tab 3 dan 4 tidak muncul.

    Untuk Contoh Hasil,Bisa kalian lihat disini :

Langkah 1 :

<style>
  .all-button {
    position: relative;
    background: gray;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    width: 100%;
}

#PlayerMirror {
    text-align: center;
    float: left;
    background: gray;
    cursor: pointer;
    width: 23.77%;
    height: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 14px;
    padding: 3px;
    font-weight: 700;
    border-right: 1px solid #CCC;
}

#Player1 {
    display: block;
    width: 100%;
    height: 400px;
    padding: 0;
    text-align: center;
    background: #000;
}

#Player2,#Player3,#Player4 {
    display: none;
    width: 100%;
    height: 400px;
    padding: 0;
    text-align: center;
    background: #000;
}
</style>

Langkah 2 :

<div class="all-button">
<div id="PlayerMirror" onclick="document.getElementById('Player1').style.display='block';Player2.style.display='none';Player3.style.display='none';Player4.style.display='none';">
Server 1</div>
  <div id="PlayerMirror" onclick="document.getElementById('Player1').style.display='none';Player2.style.display='block';Player3.style.display='none';Player4.style.display='none';">
Server 2</div>
   <div id="PlayerMirror" onclick="document.getElementById('Player1').style.display='none';Player2.style.display='none';Player3.style.display='block';Player4.style.display='none';">
Server 3</div>
  <div id="PlayerMirror" onclick="document.getElementById('Player1').style.display='none';Player2.style.display='none';Player3.style.display='none';Player4.style.display='block';">
Server 4</div>
</div>
<div id="Player1">
   <iframe width="100%" height="100%" src="https://desustream.me/?id=2019/06/hyouka-1" frameborder="0" allowfullscreen></iframe> 
</div>
<div id="Player2">
 <iframe allowfullscreen='true' frameborder='0' height='100%' marginheight='0' marginwidth='0' scrolling='NO' src='https://www.yourupload.com/embed/5EA5hsMj1BMv' width='100%'/>
  </div>
<div id="Player3">
  <iframe width="100%" height="100%" src="https://desustream.me/?id=2019/06/hyouka-1" frameborder="0" allowfullscreen></iframe> 
</div>
  <div id="Player4">
 <iframe allowfullscreen='true' frameborder='0' height='100%' marginheight='0' marginwidth='0' scrolling='NO' src='https://www.yourupload.com/embed/5EA5hsMj1BMv' width='100%'/>
  </div>