Cara Menyisipkan Video Youtube dengan HTML

-

Video Youtube di HTML

Sebelumnya kita hanya belajar Cara Untuk Menyisipkan Gambar di HTML, maka untuk kali ini kita belajar bagaimana cara untuk menyisipkan file berupa Video di dalam HTML. Tidak jauh beda dengan cara menyisipkan gambar, menyisipkan Video juga kita harus tahu sumber(src) dari video tersebut. Entah itu dari Youtube, atau pun situs lain, yang pastinya membutuhkan koneksi internet. Agar tidak terhubung ke internet, kita bisa menambahkan nya dari dalam file berkas di perangkat kita. Namun, karena disini Firman memberikan contoh di sebuah artikel blog yang berarti harus koneksi internet maka agar mudah sumber Video tersebut berasal dari sebuah situs Web, seperti Youtube. Baiklah, langsung saja kita simak caranya berikut dibawah ini.
  1. Integrasi Video Youtube
    Situs Web Youtube mengizinkan kita untuk mengintegrasi video mereka kedalam Website yang lain. Caranya dengan menggunakan Tag <iframe> untuk di Integrasikan dalam sebuah bingkai. Dan untuk mengambilnya kita dapat menggunakan atribut src yang menunjukan URL Video.
    Contoh :

    <iframe width="500" height="300" src="https://www.youtube.com/embed/jQRVOtGYzxc?feature=player_embedded"></iframe>

    Hasil Output :


  2. Youtube AutoPlay
    Dengan menambahkan autoplay sebagai 1 dibelakang URL Youtube di dalam atribut src, maka Video Youtube yang disisipkan akan diputar secara otomatis.
    Contoh :

    <iframe width="500" height="300" src="https://www.youtube.com/embed/jQRVOtGYzxc?feature=player_embedded?autoplay=1"></iframe>

    Hasil Output :


  3. Youtube HD Aktif
    Dengan menetapkan HD sebagai 1 dibelakang URL Youtube pada atribut src, maka Video Youtube diputar dalam ukuran definisi yang tinggi.
    Contoh :

    <iframe width="500" height="300" src="https://www.youtube.com/embed/jQRVOtGYzxc?feature=player_embedded?HD=1"></iframe>

    Hasil Output :


  4. Menonaktifkan Video Youtube yang di Sarankan
    Dengan menetapkan rel sebagai 0 dibelakang URL Youtube dalam atribut src, maka kita berarti telah menonaktifkan video yang disarankan, setelah selesai memutar video Youtube yang ditentukan.
    Contoh :

    <iframe width="500" height="300" src="https://www.youtube.com/embed/jQRVOtGYzxc?feature=player_embedded?rel=0"></iframe>

    Hasil Output :


  5. Pengulangan Video Youtube
    Dengan menetapkan loop nilai sebagai 3 dibelakang URL Youtube dalam atribut src, maka Video Youtube tersebut akan di putar ulang sebanyak 3 kali terus menerus.
    Contoh :

    <iframe width="500" height="300" src="https://www.youtube.com/embed/jQRVOtGYzxc?feature=player_embedded?loop=3"></iframe>

    Hasil Output :


  6. Menghapus Judul Video Youtube
    Dengan menetapkan nilai showinfo sebagai 0  dibelakang URL Youtube dalam atribut src, maka tidak akan ada judul yang ditampilkan pada Video Youtube.
    Contoh :

    <iframe width="500" height="300" src="https://www.youtube.com/embed/jQRVOtGYzxc?feature=player_embedded?showinfo=0"></iframe>

    Hasil Output :


  7. Mengaktifkan Fullscreen Video Youtube
    Atribut allowfullscreen bisa mempengaruhi untuk mengizinkan Video Youtube dalam mode layar penuh.
    Contoh :

    <iframe width="500" height="300" src="https://www.youtube.com/embed/jQRVOtGYzxc?feature=player_embedded" allowfullscreen></iframe>

    Hasil Output :


  8. Video Youtube diputar dari
    Dengan menetapkan start sebagai waktu (dalam detik) dibelakang URL Youtube dalam atribut src, maka video akan diputar dimulai dari waktu yang telah ditentukan tersebut.
    Contoh :

    <iframe width="500" height="300" src="https://www.youtube.com/embed/jQRVOtGYzxc?feature=player_embedded?start=45"></iframe>

    Hasil Output :


  9. Video Youtube dengan Beberapa Perintah Kueri
    Pada Contoh ini, adalah kombinasi dari contoh-contoh sebelumnya diatas. Di dalam satu URL Youtube kita dapat memberikan lebih dari satu perintah kueri. Seperti start, showinfo, autoplay, hd dan  allowfullscreen dalam satu URL Youtube.
    Contoh :

    <iframe width="500" height="300" src="https://www.youtube.com/embed/jQRVOtGYzxc?feature=player_embedded?start=45&showinfo=0&autoplay=1&HD=1" allowfullscreen></iframe>

    Hasil Output :


Untuk semua contoh diatas kita harus ter koneksi dengan Internet, bila tidak ter koneksi maka video Youtube yang disisipkan tidak akan tampil. Oleh karena itu, untuk mengatasinya kita bisa menyisipkan Video bahkan Audio atau Media lainnya dalam HTML tanpa koneksi Internet, anda bisa mengunjungi Cara Menyisipkan Multimedia (Video, Audio, dan lainnya)  di HTML.
Demikian postingan saya kali ini, semoga berguna dan bermanfaat bagi kita semua. Kekurangan dan kesalahan saya mohon maaf, dan jika belum paham atau ingin bertanya berikanlah komentar dibawah. Atas kunjungannya saya ucapkan Terima Kasih.

Comments

Ales Meroket said…
Mantap..semoga sukses selalu ya
30 March 2021 at 09:59
Post a Comment

Popular posts from this blog

Pengertian dan Contoh Sederhana tentang Stack dan Queue

-
Image
STACK (Tumpukan) dan Queue (Antrian) Pada kesempatan kali ini, kita akan belajar bersama tentang Stack atau Tumpukan dan Queue atau Antrian. Stack dan Queue ini, berkaitan dengan Struktur Data  dalam sebuah aplikasi namun bisa juga dalam kehidupan sehari-hari kita. Stack dan Queue merupakan fungsi yang biasanya diimplementasikan pada program, tidak terkecuali Pemrograman Java. Untuk itu, sebelum membahas program sederhana Stack dan Queue menggunakan Pemrograman Java, kita simak terlebih dahulu pengertian dan penjelasan dari kedua fungsi tersebut dibawah ini.  STACK/Tumpukkan Stack adalah kumpulan suatu elemen dimana hanya elemen yang baru dimasukkan yang dapat diakses atau dilihat. Stack merupakan perintah pengumpulan data secara linear yang menyusun data seperti tumpukan dan bersifat Last In First Out(LIFO) yang berarti data yang terakhir masuk adalah data yang pertama keluar. Contoh dalam Kehidupan sehari-hari : Setumpuk koran, dimana koran yang paling terakhir ditamb
Read more

Permainan Logika tentang Algoritma

-
Image
3 Permainan Logika Tes IQ Pada kesempatan waktu ini, saya akan memberikan atau membahas tentang sebuah Game atau Permainan yang berkaitan dengan Tes IQ, karena Permainan ini harus dilakukan menggunakan akal, nalar dan logika kita. Karena Permainan ini berkaitan Algoritma, yang menyelesaikan masalah dengan logika, maka dalam postingan ini saya bahas bagaimana Algoritma dalam Game tersebut. Baik, langsung saja kita bahas dibawah bagaimana penyelesaiannya. Game Wolf, Sheep & Cabbage (Petani, Domba, Serigala dan Sayuran)  Pada permainan ini, terdapat Seorang Petani dengan membawa seekor Serigala, seekor kambing, dan rumput yang terkira beratnya tidak jauh berbeda. Untuk pergi ke kota di tengah perjalanan, Petani tersebut harus meyeberangi sungai dengan perahu. Namun kapasitas perahu, tidak memungkinkan untuk Petani tersebut membawa semuanya. Ia harus membawa satu persatu bawaannya. Tetapi ketika Petani tersebut menyeberangkan, sisa bawaannya harus tidak saling berhu
Read more

Cara Menyisipkan Tanggal (JCalender) di Java NetBeans dan di Simpan dalam Database

-
Image
JCalender di Java Netbeans Artikel ini adalah kelanjutan dari artikel sebelumnya tentang database yaitu Contoh Database dengan XAMPP dan Java Netbeans yang tidak menyisipkan komponen tanggal. Maka untuk kali ini, Firman akan memberikan Contoh Program Database dari Java yang dapat memasukkan data tanggal. Biasanya digunakan saat kita membuat program untuk memasukkan tanggal lahir, tanggal saat kita melakukan penjualan pada aplikasi atau lainnya. Lalu bagaimana cara membuat program yang dapat memasukkan data tanggal dan disimpan didalam Database. Baiklah langsung saja kita simak berikut dibawah ini. Saat kita ingin memasukkan tanggal di JFrame Form, kita harus mempunyai sebuah komponen yang dapat menampilkan data tanggal. Oleh karena itu, kita membutuhkan sebuah library (pustaka) untuk mengolah data tanggal tersebut. Library tersebut adalah JCalender   yang mempunyai format .jar . Secara default Library tersebut tidak ada di dalam Palette bawaan Netbeans. Jadi, kita bisa menamb
Read more