Penggunaan Media Pada HTML

Peranan Media Dalam Web

Media memberikan peranan penting dalam halaman Web. Banyak website menggunakan media untuk menarik perhatian pengunjung.

Media tersebut tidak harus berasal dari website itu sendiri, tetapi juga dapat menggunakan media yang sudah tersedia. Contohnya seperti : Musik, Video, dan yang sedang trend saat ini adalah media Social Networking.

MEDIA - MUSIK

Menggunakan Link 
<a href="media/nama_file.mp3">Play Song</a>

Mengambil toolbar dari yahoo media player
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js">

Menggunakan Plugins
<embed height="50px" width="600px" src="media/nama_file.mp3"></embed>

MEDIA - VIDEO

Menampilkan Video
<video width="320" height="240" controls="controls">
<source src="media/movie.ogg" type="video/ogg" />

Format File
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
<source src="movie.webm" type="video/webm" />

MEDIA – VIDEO (YOUTUBE)

<iframe width="420" height="345" src="http://www.youtube.com/embed/40DykbPa4Lc"></iframe>

MEDIA – SOCIAL NETWORKING

Yahoo Messenger
<a href="ymsgr:sendIM?nama_user">
<img src= "http://opi.yahoo.com/online?u=nama_user&amp;m=g&amp;t=1" border=”0" height=”16" width="64">
</a>

Facebook
<a href="http://facebook.com/nama">
<img src="image/Facebook.png" width="80" height="80"/>
</a>

Klik disini untuk contoh penggunaan media video dan mp3 player pada html.