search-button

Nov 15, 2013

Cara Membuat YouTube Upload Widget Di Blogger

   
Advertisements
Advertisements
Mengkostumisasi terhadap template blog atau memperbaharui fitur-fitur blog yang menampilkan banyak video memang cukup mudah. Terutama bagi anda yang menjalankan blog berkategori hiburan atau pendidikan yang sering menampilkan sumber videonya dari YouTube mungkin tertarik untuk memasang YouTube Upload Widget.

Fungsi dari widget ini yaitu untuk merekam video melalui webcam yang dimiliki pengunjung blog dan secara langsung video yang telah direkam tersebut dapat di unggah dari widget ini ke saluran YouTube mereka. Widget ini sendiri sebenarnya telah diluncurkan oleh YouTube Developers sejak juni 2012 namun terakhir kali diperbaharui yaitu pada Mei 2013.



Persiapan :
Pilih salah satu kode di bawah ini lalu salin kode tersebut.

1). Kode JavaScript
Klik ganda untuk menyalin
<div id="widget">
</div>
<div id="player">
</div>
<script>
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
      var widget;
      var player;
      function onYouTubeIframeAPIReady() {
        widget = new YT.UploadWidget('widget', {
          width: 500,
          events: {
            'onUploadSuccess': onUploadSuccess,
            'onProcessingComplete': onProcessingComplete
          }
        });
      }
      function onUploadSuccess(event) {
        alert('Video ID ' + event.data.videoId + ' was uploaded and is currently being processed.');
      }
      function onProcessingComplete(event) {
        player = new YT.Player('player', {
          height: 390,
          width: 640,
          videoId: event.data.videoId,
          events: {}
        });
      }
    </script>

2). Kode iFrame
Klik ganda untuk menyalin
<iframe id="widget" type="text/html" width="640" height="390"
  src="https://www.youtube.com/upload_embed" frameborder="0"></iframe>

Untuk merubah lebar atau panjang dari widget tersebut, ganti width="640" dan height="390" sesuai dengan lebar dari widget blog anda saat ini.


Langkah-langkah :


1). Masuk ke akun Blogger anda lalu klik Tata letak.

2). Klik Tambah gadget lalu pilih HTML/JavaScript.

3). Masukkan semua kode kedalam widget tersebut.

4). Beri judul lalu klik Simpan.

Sekarang setiap kali pengunjung datang ke blog anda, mereka dapat melalukan upload video ke YouTube langsung dari blog. Enjoy & Happy Coding!

Referensi : YouTube Upload Widget