Cara Menampilkan Video pada Website atau Blog
Untuk keperluan tertentu, kita bisa menampilkan file video kedalam website ataupun blog. Banyak cara yang bisa dilakukan untuk menampilkan video. Sebagian kita mungkin memilih untuk diupload dahulu di Youtube ataupun pada layanan sejenis.
Berikut ini, saya mencoba untuk sharing cara menampilkan Video dari format Windows Media File seperti .wmf, dan .avi dari alamat tertentu kedalam website ataupun blog. Cara ini cukup mudah, yang perlu kita lakukan hanya mengkopi kode dibawah ini, lalu mengganti url atau alamat video tersebut dimana disimpan.
Contoh 1: Hanya Video clip, no control
<OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="146" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="videofilename.wmv"> <PARAM name="ShowControls" VALUE="false"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <PARAM name="autostart" VALUE="true"> <EMBED TYPE="application/x-mplayer2" SRC="videofilename.wmv" NAME="MediaPlayer" WIDTH="192" HEIGHT="146" ShowControls="0" ShowStatusBar="0" ShowDisplay="0" autostart="1"> </EMBED> </OBJECT> |
Contoh 2: Video clip dan panel control
<object id="MediaPlayer" width="192" height="190" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject"> <param name="FileName" value="videofilename.wmv"> <param name="ShowControls" value="true"> <param name="ShowStatusBar" value="false"> <param name="ShowDisplay" value="false"> <param name="autostart" value="false"> <embed type="application/x-mplayer2" src="videofilename.wmv" name="MediaPlayer" width="192" height="190" showcontrols="1" showstatusbar="0" showdisplay="0" autostart="0"> </embed> </object> |
Contoh 3: Video Clip, panel control dan status bar
<OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="216" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="videofilename.wmv"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="true"> <PARAM name="ShowDisplay" VALUE="false"> <PARAM name="autostart" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="videofilename.wmv" NAME="MediaPlayer" WIDTH="192" HEIGHT="216" ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> |
Contoh 4: Video Clip, panel control, panel display dan status bar
<OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="290" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="videofilename.wmv"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="true"> <PARAM name="ShowDisplay" VALUE="true"> <PARAM name="autostart" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="videofilename.wmv" NAME="MediaPlayer" WIDTH="192" HEIGHT="290" ShowControls="1" ShowStatusBar="1" ShowDisplay="1" autostart="0"> </EMBED> </OBJECT> |
Written by Oki Helfiska
I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.
Oki Helfiska has written 271 posts on Belajar Komputer
makasih infonya ya
weh bleh jg di coba kpan2 nech….
mantap pak…
.-= decharvi´s last blog ..Kontes SEO Hampir Selesai =-.
ni bagus banget
beneran ngebantu
Ko saya g bisa2 sih.knp ya…
keluarnya malah kolom yang ada X nya …