MENYISIPKAN VIDEO YOUTUBE KE WEB DENGAN HTML5 Agung Nugroho
[email protected] :: http://ngapainbingung.com
Abstrak Pada Artikel ini akan dijelaskan tentang bagaimana kita menambah video dari youtube ke web buatan kita untuk menambah fitur dan kita tidak perlu direpotkan dengan borosnya bandwith yang digunakan server hosting kita, karena jika kita menyimpan video di server hosting, maka akan terjadi bandwith yang bengkak dan tidak ungkin juga server kita akan down atau lambat. Hal itu disebabkan banyaknya pengunjung web kita yang mengakses vide tersebut. Oleh karena itu maka kita dapat menyimpan vide di youtube yang kemudian kita masukkan frame ke web kita, dengan harapan bandwith server kita tetap stabil dan tidak membengkak.
Kata Kunci: Youtube, HTML5, Hosting
Pendahuluan Berisi tujuan dibuat artikel ini adalah agar kita dapat menyisipkan video dari youtube ke web buatan kita dengan HTML5 dan dengan cara yang sangat mudah dan sederhana. Hal ini dimaksudkan untuk sebagai permulaan dengan harapan, dengan membaca artikel ini maka kita semua mudah mengerti dan dapat mengimplementasikan apa yang didapat dari artikel ini dengan lebih kompleks lagi. Oleh karena itu artikel ini cocok juga bagi para Blogger (Google Blogger, Wordpress Dll) karena mereka tidak dapat menyimpan file video dengan leluasa di blog mereka, maka dari itu semua maka artikel ini dibuat.
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Pembahasan Hal pertama yang kita lakukan adalah menyiapkan video yang akan kita tampilkan pada web buatan kita. Silahkan anda upload sendiri video yang akan anda upload, nah setelah sudah diupload, langkah selanjutnya adalah kita mengambil kode embed yang disediakan oleh Youtube untuk kita masukkan ke web kita. Contoh saya akan menampilkan video dari Bruno mars dengan tampilan seperti dibawah
Hal selanjutnya adalah klik tanda bagikan yang ada dibawah judul
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Lalu akan muncul jendela seperti ini
Lalu kita pilih Sematkan, maka akan mucul gambar berikut
Kita copy kode iframe tersebut lalu kita masukkan ke notepad atau text editor yang kita punya, kemudian tampilan nya akan seperti ini.
Sudah selesai, nah sekarang coba kita test. Jika berhasil maka akan muncul tampilan seperti ini.
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Perlu diingat saat saya membuat artikel ini, PC yang saya gunakan terhubung ke internet, tetapi saya menggunakan web server local untuk menyimpan file HTML yang tadi kita buat dan menjalankannya melalui web server local. Untuk memutar video dari youtube dibutuhkan koneksi internet.
Penutup Nah itu tadi bagaimana cara kita memutar video youtube di web yang kita buat dengan menggunakan HTML5 dan menggunakan iframe sebagai frame yang isinya merupakan vide dari youtube, hal ini sangat penting karena untuk web yang memiliki hosting dengan bandwith yang sedikit. Cara ini sangat ampuh untuk mengurangi dari borosnya penggunaan bandwith hosting. Karena beberapa hosting memberlakukan aturan dengan melimit/membatasi bandwith dari hosting tempat kita menyimpan file web. Semoga bermanfaat dan menjadi refrensi belajar kita semua.
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Referensi Pengalaman Sendiri
Biografi Nama saya Agung Nugroho, saya sedang menjalani studi Strata satu di salah satu STMIK di kota tangerang. Saya menyukai jaringan karena dapat menyatukan dari yang
FOTO
sebelumnya belum terhubung menjadi terhubung dan saling berbagi sumber daya. Cita cita kedepannya ingin belajar ke Android dan menjadi Developer Android. Amiin . jika ingin menghubungi saya bisa lewat email :
[email protected]
Lisensi Dokumen: Copyright © 2008-2017 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org