Hallo teman – teman Kursus Website Online pada kali ini saya akan membahas tentang Cara Menampilkan Video Youtube Dalam Website. Penggunaan video dalam website sangat membantu sekali pengunjung website kita, apalagi kalau dalam website kita memiliki informasi tentang tutorial. Karena pada umumnya orang lebih menyukai tutorial video dari pada sebuah tutorial berbentuk karya tulis. Penggunana video pada website akan sangat mengurangi kapasitas memori pada hosting, karena file video rata rata memiliki ukuran yang besar. Salah satu solusinya, upload video ke youtube, lalu gunakan fasilitas yang disediakan youtube untuk menampilkan video di website kita, adapun langkah – langkahnya adalah sebagi berikut;
- Buka situs youtube
- Cari kata kunci video atau judulnya kotak pencarian
- Mainkan video yang akan ditampilkan pada website
- Klik kanan pada website, lalu pilih copy embed code
- Paste pada bagian website, dimana video akan ditampilkan misal di sini saya akan menampilkannya pada class right, seperti contoh di bawah ini;
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<html> <head> <title></title> <style> .container{width: 850px; margin:auto;} h2 {text-align:center;} .left{float: left; width: 300px;} .right{float: right; width: 545px} </style> </head> <body> <div class="container"> <h2> Cara Menampilkan Video Youtube Dalam Website</h2> <div class="left"> <h3><a href="http://www.dumetschool.com/">Dumet School</a> </h3> <p>ayo teman - teman buruan pada kursus di <a href="http://www.dumetschool.com/">Dumet school</a>, kenapa harus Dumet School karena kita belajarnya semi privat dan akan dibimbing oleh instruktur yang berpengalaman</p> </div> <div class="right"> <iframe width="400" height="315" src="https://www.youtube.com/embed/72bqMiK61ug" frameborder="0" allowfullscreen></iframe> </div> </div> </body> </html> |
Hasil copy embed di atas akan menghasilkan sebuah tampilan sebagai berikut yah kawan Kursus Website Online:
Teman – teman juga bisa mengubah ukuran video dengan mengganti nilai atribut width dan height seperti yang saya cetak tebal pada script di bawah ini ;
Oke cukup mudah bukan teman – teman, oke itulah tadi pembahasan kami Belajar Website Online tentang Cara Menampilkan Video Youtube Dalam Website, semoga dapat membantu dan bermanfaat bagi teman – teman.