Cara Menampilkan Video pada Website atau Blog
Written by Oki Helfiska on 16/02/2010 – 08:19 - 861 viewsUntuk 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> |
Tags: video, Windows, windows media file, windows media player
Posted in Blogging, How To, Tips dan Trik, Web Design | 2 Comments »
April 5th, 2010 at 11:05
makasih infonya ya
June 2nd, 2010 at 20:35
weh bleh jg di coba kpan2 nech….
mantap pak…
decharvi´s last blog ..Kontes SEO Hampir Selesai