Mirror Streaming Dengan Fungsi Refresh

Syahrul

Halo semuanya, pada kesempatan kali ini saya akan membagikan tutorial yang sangat bermanfaat buat kalian yang mempunyai blog streaming video, blog streaming video biasanya menggunakan tab mirror dengan server host video yang berbeda-beda agar pengunjung blog bisa memilih mana yang menurutnya bagus. Mirror streaming video yang sebelumnya saya bagikan berbeda dengan yang kali ini, karena mirror streaming kali ini menggunakan fungsi reload atau refresh agar lebih ringan dan streaming videonya tidak error, Script ini saya ambil dari Tuzone.Us. Ok kita mulai saja tutorial kali ini.

DEMO

Mirror Streaming Dengan Fungsi Refresh


1. Buka Blogger > Tema > Edit HTML, kemudian simpan CSS berikut ini di bawah <style>, jika sudah save tema.
/* Mirror Streaming Dengan Fungsi Refresh - Arleth98
   ================================================= */
#tabmenu{list-style:none;overflow:hidden;margin-left:-8px}
#tabmenu li{float:left;width:33.3%;text-align:Center;margin-bottom:2px;background:#333}
#tabmenu li:hover{background:#1a77d0}
#tabmenu li:nth-child(even){background:#555}
#tabmenu li span{margin:0}
#tabmenu li a{display:block;cursor:pointer;padding:5px;font-weight:bold;color:#fff}
#tabmenu li a:hover{color:#FFF;text-decoration:none}
.infvideos{margin-top:10px;font-size:12px}
.infvideos .left{float:left}
.YuuStreamVideo p{margin:0}
.infvideos .left span{background:#1353A2;color:#FFF;display:block;float:left;margin-right:5px;border:1px solid #323232;margin:3px;padding:5px 8px}
.infvideos .left span a{color:#a2a2a2}
.infvideos .right{float:right}
.infvideos .right .reportmirror{float:right;margin-right:80px}

2. Buatlah post dengan edit HTML, lalu gunakan markup HTML dan Javascript dibawah ini, jangan lupa edit yang sudah ditandai
<ul id="tabmenu" >
<li class='each-menu active'><a onclick="changeChannel('v1')">
  <span class="YuuPlayInfoFile">Savefile</span></a>
</li>
<span class="YuuPlayVideo"></span></li>
<li class='each-menu active'><a onclick="changeChannel('v2')"><span class="YuuPlayInfoFile">Mp4upload</span></a></li>
<span class="YuuPlayVideo"></span></li>
<li class='each-menu active'><a onclick="changeChannel('v3')"><span class="YuuPlayInfoFile">Openload</span></a></li>
<span class="YuuPlayVideo"></span></li></div>
<div id="plv">
  <div class='YuustreamVideo'>
    <div class='YuuStreamVideo'>
      <p>
        <iframe id="playerCode" type="text/html" frameborder="0" scrolling="no" width="100%" height="350px" src="http://www.savefile.co/embed-gshgc7g2cn7d.html" allowfullscreen=''></iframe>
      </p>
    </div>
    <script type='text/javascript'>
      function changeChannel(channelName){
      plyDiv = document.getElementById('playerCode');
      timestamp = new Date().getTime();
      switch(channelName)
      {
      case 'v1':
      plyDiv.src = 'http://www.savefile.co/embed-gshgc7g2cn7d.html';
      document.getElementById('YuuinfFile').innerHTML = 'Savefile';
      document.getElementById('Yuuinfvdio').innerHTML = 'tabsmirror';
      plyDiv.load();
      plyDiv.play();
      break;
      
      case 'v2':
      plyDiv.src = 'http://www.mp4upload.com/embed-lzc0kk8k6rmh.html';
      document.getElementById('YuuinfFile').innerHTML = 'Mp4upload';
      document.getElementById('Yuuinfvdio').innerHTML = 'tabsmirror';
      plyDiv.load();
      plyDiv.play();
      break;
      
      case 'v3':
      plyDiv.src = 'https://oload.tv/embed/Lx7ZgnV0jgY/Last_The_Side_Event.mp4';
      document.getElementById('YuuinfFile').innerHTML = 'Openload';
      document.getElementById('Yuuinfvdio').innerHTML = 'tabsmirror';
      plyDiv.load();
      plyDiv.play();
      break;
      
      }
      }
    </script>
  </div>
  <div class="infvideos">
    <div class="left"> <span id='YuuinfFile'><b>Savefile</b></span> </div>
  </div>
</div>

Ok sekian tutorial kali ini semoga bermanfaat dan sampai jumpa ditutorial berikutnya.
Related Posts
Disqus Comments