Pemutar Video Ogg HTML5

Memasang kode Pemutar Video Ogg HTML5 
Login ke akun blog klik tombol blog baru, buat satubuah link baru  
kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut, 
hapus semua kode template, ganti dengan kode blank template,  yang tersedia pada sumber  berikut ini   :   Blank Template  edit background warna sesuai keinginan dan klik simpan selesai

Kemudian klik entri halaman baru HTML pada link tersebut
copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai

<style class="Mys2010-styles">
body {);color:red;height:100%;overflow:hidden;}
body {
  background: #000;
}
</style>

<section style="text-align:center">
       <button onclick="playPause()">Play / Pause</button>
       <button onclick="makeBig()">Besarkan Layar</button>
       <button onclick="makeNormal()">Normal</button>
       <button onclick="makeSmall()">Kecil</button>
        <br />
        <div align="center">
<video id="test">
<source src="https://sites.google.com/site/code6916/file/Cibeber-Cimahi-M2010s.mp4" type="video/mp4">
<source src="https://sites.google.com/site/usesitesto/file/Cibeber-Cimahi-ogg-M2010s.ogg" type="video/ogg">
</video>
</section>

<script type="text/javascript">
var myVideo=document.getElementById("test");
function playPause()
{
  if (myVideo.paused)
     myVideo.play();
 else
        myVideo.pause();
}
function makeBig()
{
    myVideo.width=840;
}
function makeNormal()
{
   myVideo.width=540;
}
function makeSmall()
{
    myVideo.width=340;
}
</script>

Video Ogg by. www.w3schools.com
Design Code is Edited by. Mys2010 on Codepen

DEMOSHOW  AFTER

DEMOSHOW  BEFORE

*  If you want to directly copy and paste you can Download  Play Video Ogg HTML5

Category: Pemutar Video Ogg HTML5