Menampilkan video/movie & musik di posting blogdetik

18 Dec 2011

Demo ke-4 Media/Iframe Preview jQuery Plugins akan memperlihatkan bagaimana sebuah video trailer dari trailers.apple.com (dalam format .mov) dan demo sederhana sebuah video dalam format .ogv serta audio/music dalam bentuk file .mp3 dan .ogg dapat kita tampilkan sebagai materi posting berkat media preview jQuery plugins.

movie-trailers preview (.mov)

Despicable Me : trailers.apple.com

Kode HTML :

<h3>movie-trailers preview (.mov)</h3> <a class="GRprev_video {width:640, height:340}" href="http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mov">Despicable Me : trailers.apple.com</a>

Music/Audio Preview (.mp3)


file audio/music dengan format .mp3

Kode HTML :

<h3>Music/Audio Preview (.ogg)</h3> <a class="GRprev_audio {width:330, height:20}" href="http://demojqueryprojects.comule.com/Audio/gubhugreyot_media-audio.mp3">file audio/music dengan format .mp3</a>

Music/Audio Preview (.ogg)


In the Moon : by All the living and the dead

Kode HTML :

<h3>Music/Audio Preview (.mp3)</h3> <a class="GRprev_audio {width:330, height:100}" href="http://demojqueryprojects.comule.com/Audio/all-the-living-and-the-dead-in-the-moon.ogg"> In the Moon : by All the living and the dead</a>

Video Preview (.ogv)


Video ini memang tanpa suara!

Kode HTML :

<h3>Video Preview (.ogv)</h3> <a class="GRprev_video {width:320, height:240}" href="http://demojqueryprojects.comule.com/video/ogv_gubhugreyot-2.ogv"> Video ini memang tanpa suara!d</a>

Tunggu tutorialnya di gubhugreyot.blogdetik.com


TAGS Media & Iframe preview jQuery


-

Author

Follow Me