All for Joomla All for Webmasters

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>

I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.

5 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *