Cara Mudah Memutar Video dengan HTML5


Memutar sebuah video di web browser mudah2 susah, tapi untuk kali ini sangat gampang dan mudah. cuma dengan menfaatkan beberapa sintax dari HTML5 semua selesai. Kasus ini terjadi ketika saya ingin memutar sebuah video di tapi ukurannya sangat besar dan ingin nonton nya di mobile makanya di putar secara jaringan local saja.
dengan ini saya cuma memberikan perintah codingnya sedikit yaitu :
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls="controls">
  <source src="video.mp4" type="video/mp4" />
  Browser anda, tidak mendukung HTML5 untuk memutar video
</video>
</body>
</html>
untuk mengatur video apa yang ingin di putar maka rubahlah video.mp4 dengan nama video yang di letakan sejajar direktorinya dan untuk extensi videonya ganti type="video/mp4" sesuai dengan extensi video yang kamu miliki. contohnya jika videonya avi maka ganti menjadi  type="video/avi" tapi perlu di ingat bahwa ada beberapa browser yang belum support ini.
berikut adalah daftar browser yang support :
BrowserOperating systemLatest stable releaseVideo formats supported
TheoraH.264VP8 (WebM)VP9 (WebM)
Android browserAndroid4.2.1 "Jelly Bean" (November 27, 2012; 9 months ago)[±][32][33]2.3[34]3.0[34]2.3[34]No
ChromiumAll supportedN/Ar18297[35]Manual install[note 1]r47759[37]r172738[38]
Google Chrome29.0.1547.66 (September 2, 2013; 4 days ago) [±][39]3.0[40][41]3.0[41][note 2]6.0[43][44]29.0[note 3]
Internet ExplorerWindows10.0.8 (August 13, 2013; 24 days ago) [±]Manual install[note 4]9.0[48]Manual install[note 5]No



Windows Phone10.0 (November 21, 2012; 9 months ago) [±]No9.0[citation needed]No
Windows RT10.010.0[citation needed]
KonquerorAll supported4.11.1 (3 September 2013; 3 days ago) [±][51]4.4[note 6]
Mozilla FirefoxWindows 7+
23.0.1 (August 16, 2013; 21 days ago) [±][53]
3.5[54]21.0[note 7]4.0[57][58]
Windows Vista22.0[59]
Linux24.0 (Beta)[note 8]
Android17.0[61]
All other supportedNo
OperaAll supported
Blink
16.0.1196.73 (September 5, 2013; 1 day ago) [±]
Presto
12.16 (July 4, 2013; 2 months ago) [±]
10.50[62]No10.60[63][64]
SafariiOS6.0.5 (June 4, 2013; 3 months ago) [±]No3.1[65][66]No
MacOS XManual install[note 9]Manual install[67]
Web (previouslyEpiphany)All supported3.8.4 (31 July 2013; 37 days ago) [±][68]

2.28[note 10]
*Source Wikipedia

3 komentar

Click here for komentar
13 Januari 2014 08.03 ×

Tanya dong: kalo menampilkan video yg ada di kartu penyimpanan melalui browser gimana caranya ya?
Jadi pengen seolah sdg nonton online padahal lihat yg sdh tersimpan.
Mohon pencerahannya. Terima kasih

Reply
avatar
13 Januari 2014 08.07 ×

Tanya dong: kalo menampilkan video yg ada di kartu penyimpanan melalui browser gimana caranya ya?
Jadi pengen seolah sdg nonton online padahal lihat yg sdh tersimpan.
Mohon pencerahannya. Terima kasih

Reply
avatar
13 Januari 2014 09.26 ×

videonya ada di dalam direktori yang sama yah

Reply
avatar

Berikan Komentar yang bermanfaat dan sehat. Conversion Conversion Emoticon Emoticon