Sabtu, 03 Januari 2015

2 Cara Mudah Menampilkan Berkas Video Pada Situs Web/Blog

Menampilkan Berkas Video Streaming

Mungkin banyak cara untuk webmaster (sebutan umum untuk pengelola situs web/blog) untuk dapat menampilkan berkas video streaming yang mereka miliki. Dan diantara ada 2 cara mudah menampilkan berkas video pada situs web/blog yaitu mengaplikasikan hyperlink (langsung menautkannya pada berkas video streaming) atau menanamnya (embeded) dengan mengaplikasikan kode skrip HTML.

Kepowan-2CaraMudahMenampilkanBerkasVideoPadaSitusWebBlog.jpg

Hyperlink
Pada umumnya, hyperlink adalah suatu cara untuk menautkan langsung suatu berkas dengan mengaplikasikan tag HTML. Pada konteks ini, hyperlink tersebut ditautkan pada berkas video streaming. Hal tersebut mengakibatkan berkas video akan dimainkan dengan pemutar video yang sesuai ketentuan pengguna. Contohnya, jika berkas tersebut adalah berkas Windows Media File maka program pemutar video yang akan menampilkannya adalah Windows Media Player.

Adapun tag HTML yang umumnya diaplikasikan adalah:
<a href="video-filename. mov">Klik untuk melihat video</a>

Menanam (Embedded) Berkas Media
Menanam (Embedded) berkas video dapat dilakukan dengan mengaplikasikan rangkaian kode skrip HTML yang disusun sedemikian rupa sehingga dapat menampilkan berkas video yang diinginkan secara langsung pada media penghantarnya. Hal tersebut mengakibatkan pengguna memiliki kontrol yang mutlak terhadap berkas yang ditampilkan.

Mengingat begitu banyaknya ekstensi video maka perlu diketahui bahwa pengaplikasikan kode skrip HTML mungkin akan berbeda antara satu ekstensi video dengan yang lain.

Kode skrip untuk menanam (embedded) berkas media: Flash (swf)
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,16,0" width="366" height="440" >
<param name="movie" value="video-filename.swf">
<param name="quality" value="high">
<param name="play" value="true">
<param name="LOOP" value="false">
<embed src="video-filename.swf" width="366" height="440" play="true" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash">
</embed>
</object>

Kode skrip untuk menanam (embedded) berkas media: Windows Media Files (wmv)
<OBJECT ID="MediaPlayer" WIDTH=440 HEIGHT=366 CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="video-filename.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="video-filename.wmv" NAME="MediaPlayer" WIDTH=440 HEIGHT=366 ShowControls="1" ShowStatusBar="1" ShowDisplay="1" autostart="0">
</EMBED>
</OBJECT>

Kode skrip untuk menanam (embedded) berkas media: Quicktime (mov)
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="440" HEIGHT="366" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="video-filename.mov">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED SRC="videofilename.mov" WIDTH="440" HEIGHT="366" AUTOPLAY="true" CONTROLLER="true" PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>

Kode skrip untuk menanam (embedded) berkas media: M-PEG4 (mp4)
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" WIDTH="440" HEIGHT="366" >
<PARAM NAME="src" VALUE="videofilename.mp4">
<PARAM NAME="autoplay" VALUE="true">
<PARAM NAME="controller" value="true">
<EMBED SRC="QTMimeType.pntg" TYPE="image/x-macpaint" PLUGINSPAGE="http://www.apple.com/quicktime/download" QTSRC="videofilename.mp4" WIDTH="440" HEIGHT="366" AUTOPLAY="true" CONTROLLER="true">
</EMBED>
</OBJECT>

Kode skrip untuk menanam (embedded) berkas media: RealMedia (rpm)
<OBJECT ID=RVOCX CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" WIDTH=440 HEIGHT=366>
<PARAM NAME="SRC" VALUE="video-filename.rpm">
<PARAM NAME="CONTROLS" VALUE="ImageWindow">
<PARAM NAME="CONSOLE" VALUE="one">
<PARAM NAME="AUTOSTART" VALUE="true">
<EMBED SRC="video-filename.rpm" WIDTH=440 HEIGHT=366 NOJAVA=true AUTOSTART=true CONTROLS=ImageWindow CONSOLE=one>
</OBJECT>

Semoga bermanfaat!

0 komentar:

Posting Komentar