Senin, 11 September 2017

Cara redirect ke homepage setelah selesai video Youtube selesai diputar


Bagaimana cara redirect setelah video Youtube selesai diputar? (how redirect after embedded Youtube video finishes playing?)

Berawal dari pertanyaan dari seorang sahabat yang ingin embed video dari youtube tapi jika vidionya selesai diputar/playing maka otomatis langsung redirect ke homepage?

Tips ini bermanfaat bagi yang menginginkan posting video diblog/website nya yang embed video (kode semat) dari youtube setelah videonya selesai atau sampai batas waktu yang ditentukan maka otomatis langsung redirect ke webpage yang di inginkan.

Maksuda dan tujuan ini dilakukan supaya setelah durasi video/waktu mencapai batas waktu yang ditentukan maka visitor masih tetap berada di laman website/blog tersebut (pengunjung web tidak tidak diberi kesempatan tergoda untuk klik video terkait yang langsung mengarah ke website video yang lain.

Berikut ini koding dan caranya :
Setelah masuk dalam mode posting HTML (dari post blogspot) atau dalam mode text (pada wordpress) letakan kode semat dari youtube, contoh:

<iframe width="700" height="400" src="https://www.youtube.com/embed/9JIqqGQu1Jg" frameborder="0" allowfullscreen></iframe>

#https://www.youtube.com/embed/9JIqqGQu1Jg ganti dengan URL Youtube Anda

Kemudian copy code dibawah ini:
<meta HTTP-EQUIV = "REFRESH" content = "10; url = http://www.ngabidin.web.id">
#Dimana 
content (10) adalah jumlah detik yang menunggu sebelum redirect. Angka (10) jadikan (10 nya edit dulu) itu sama dengan durasi panjang video yg dilampirkan, atau tambahkan sekian detik untuk memastikan video telah berakhir.
Dan paste kan di bawahnya setelah code embed (iframe) youtube atau code embed video lainnya juga bisa.


Tunggu dan tontong video dibawah ini sampai selesai, tidak sampai lama kok, hanya sekitar 3 menitan, saya perpendek jadi 200 detik saja.
"AWAS DALAM WAKTU SEKITAR 3 menit laman ini otomatis REDIRECT ke HOMEPAGE"
(klik mundur/Back lagi saja ya.... :) )




Ini contoh coding embed video ini:
<iframe width="700" height="400" src="https://www.youtube.com/embed/9JIqqGQu1Jg" frameborder="0" allowfullscreen></iframe>
<meta HTTP-EQUIV = "REFRESH" content = "200; url = http://www.ngabidin.web.id">

Semoga bermanfat,
jika ada yang masih bingung kami tunggu komentar Anda.

MAAF, saat ini kolom komentar sudah tidak bisa berfungsi dengan baik karena adanya perubahan struktur kode pada template blog ini.


==================================
Silahkan berikan komentar Anda di laman ini.
Tautan (live links) spam dalam komentar akan terhapus secara otomatis.
Jika ingin menyisipkan tautan silakan gunakan tag: <i rel="URL">URL ANDA</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">TEKS JUDUL ANDA DI SINI</b>
Untuk menyisipkan gambar, gunakan tag <i rel="image">Tulis URL GAMBAR Anda di sini </i>
Untuk menyisipkan kode, gunakan tag <i rel="code">Tulis KODE ANDA di sini</i>
Kode yang panjang bisa menggunakan tag <i rel="pre"> KODE PANJANG di sini</i>
Untuk menciptakan efek tebal gunakan tag <b>TEKS TEBAL ANDA DI SINI</b>
Untuk menciptakan efek tulisan miring gunakan tag <i>TEKS MIRING ANDA DI SINI</i>

/* */