Menampilkan Video Dan Audio Dengan HTML5

26 Jun 2015 12:18 • Post By

HTML5 memungkinkan kita menambahkan video tanpa menggunakan bantuan flash. Dengan menggunakan tag <video>, kita dapat langsung menampilkan video tanpa bantuan plugin. Jadi website kita lebih cepat diakses karena meminimalisir adanya plugin dengan tag-tag baru yang ditawarkan HTML5. Untuk contohnya bisa anda lihat video dibawah ini.
Cara penggunaan tag ini bisa anda ketikkan tag HTML5 dibawah ini.

<section style="text-align:center">
		<button onclick="playPause()">Play / Pause</button>
		<button onclick="makeBig()">Besarkan Layar</button>
		<button onclick="makeNormal()">Dll</button>
		<button onclick="makeSmall()">Dll</button>
		<br />
		<video id="test">
                  <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4">
                  <source src="http://www.w3schools.com/html/movie.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>

Mudah bukan, selain tag

Jangan lupa Subscribe ya !!

Menampilkan Video Dan Audio Dengan HTML5 | Tutorialku.Net | 4.5