Menampilkan video mp4 di browser dengan flowplayer

Kita dapat menampilkan video streaming mp4 dengan menggunakan flowplayer yang bisa didownload di www.flowplayer.org . Berikut langkah-langkahnya

Silahkan download scripnya di www.flowplayer.org dan install di website anda.
Pada bagian head silahkan dimasukkan code javascriptnya:
<script src="/flowplayer/flowplayer-3.2.11.min.js"></script>
Masukkan code videonya menggunakan suatu class misalnya playerku, code style untuk menentukan ukuran player, dan img untuk menampilkan tampilan awal seperti contoh berikut :
<a class="playerku" href="/video/videoku.mp4" style="display:block;width:480px;height:320px;">
<img src="/play.gif" alt="Play" border="0"/></a>

Kode di atas dapat dicopy paste video-video yang akan kita tampilkan
Setelah kita memasukkan code-code untuk video yang akan kita tampilkan, maka kita membuat code memerintah player untuk bekerja seperti contoh berikut :
<script language="JavaScript">
flowplayer("a.layerku", "/flowplayer/flowplayer-3.2.15.swf", {
    plugins: {
        controls: {
            volume: true
        }
    }
});
</script>
Coding lengkapnya dapat dilihat seperti berikut ini:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Contoh flowplayer</title>
<script src="/flowplayer/flowplayer-3.2.11.min.js"></script>
</head>
<body>

<a class="playerku" href="/video/videoku.mp4" style="display:block;width:480px;height:320px;">
          <img src="/play.gif" alt="Play" border="0"/></a>

<script language="JavaScript">
flowplayer("a.layerku", "/flowplayer/flowplayer-3.2.15.swf", {
    plugins: {
        controls: {
            volume: true
        }
    }
});
</script>
</body>

</html>
Demo dapat dilihat di http://aris.proweb.asia/contoh_flowplayer.html .

Video dengan format MP4 ada yang mendukung streaming dan ada yang tidak. Ini terjadi pada saat kita menjalankan video tersebut maka akan didownload semuanya baru kemudian ditampilkan. Berbeda dengan streaming dimana download sambil ditayangkan.

Untuk membuat MP4 yang mendukung streaming, anda dapat menggunakan Mp4Box http://www.videohelp.com/tools/mp4box dari GPAC http://gpac.wp.mines-telecom.fr/ . Atau cara lain adalah mengupload video anda ke youtube.com kemudian mendownload kembali. Untuk mendownload video dari Youtube silahkan mengikuti langkah-langkah http://www.proweb.co.id/articles/support/download_video_youtube_di_mozilla_firefox.html .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Menampilkan video mp4 di browser dengan flowplayer

0 Response to " Menampilkan video mp4 di browser dengan flowplayer"

Posting Komentar