Cara menyematkan video YouTube di situs web

Widget YouTube adalah alat yang memungkinkan Anda menambahkan video dari layanan hosting video ke situs web atau membagikannya di jejaring sosial. Pada artikel ini, kita akan melihat kelebihan dan kekurangan widget dan cara menempatkannya di situs.

Keuntungan:

  • Pendaftaran atau pengunduhan program tambahan tidak diperlukan untuk dilihat.
  • Berbagai format video didukung.
  • Itu dimasukkan ke dalam situs web dengan satu baris kode.

Kekurangan:

  • Iklan ditampilkan yang mengalihkan perhatian dari tampilan.
  • Desain widget yang tetap tidak memungkinkan Anda menyempurnakan tampilannya untuk situs Anda.

Menambahkan ke situs

Cara termudah untuk menyematkan video YouTube di situs web adalah dengan menggunakan iframe tag. Tapi pertama-tama, mari kita cari tahu apa itu.

Bingkai adalah elemen markup html yang membuat jendela turunan di halaman situs web tempat Anda dapat mengunduh konten halaman web lain.

Sekarang mari kita mulai.

Misalnya, kami membuat halaman sederhana dan menambahkan div blokir sebagai wadah di dalam dokumen html. The h1 header telah ditempatkan di dalamnya, dan kode bingkai juga akan disisipkan di sini.

Selanjutnya, buka halaman dengan video yang akan kita sisipkan.

Kami akan memilikinya:

https://www.youtube.com/watch?v=mENBC34X2Q4

Klik tombol Tombol bagikan di bawah pemutar video

Kemudian, di jendela modal yang terbuka, klik Sematkan

Kode sematan yang dihasilkan akan ditampilkan di sisi kanan jendela.

Dalam kasus kami, kodenya terlihat seperti ini:

<iframe lebar="560" tinggi="315" src="https://www.youtube.com/embed/mENBC34X2Q4?si=3r_X0uUcm0ruAVvD" judul="Pemutar video YouTube" frameborder="0" izinkan="akselerometer; putar otomatis; papan klip-tulis; media terenkripsi; giroskop; gambar-dalam-gambar; berbagi web" allowfullscreen> < / iframe>

Di dalamnya terdapat atribut-atribut seperti:

  • lebar dan tinggi - mengatur panjang dan tinggi jendela, masing-masing;
  • src - untuk menyisipkan jalur lengkap ke video YouTube;
  • frameborder - menyisipkan bingkai di sekitar jendela. Nilai 1-ya (ya), 0-tidak (tidak);
  • allowf layar penuh-kehadiran atribut ini berarti diizinkan untuk menampilkan video dalam mode layar penuh.

Seperti inilah tampilan halaman tersebut sekarang

Tidak hanya video biasa di YouTube, tetapi juga video pendek vertikal berdurasi hingga 1 menit.

Mereka juga disisipkan melalui iframe tag. Anda bisa mendapatkannya seperti ini:

  • Buka "celana pendek" yang diinginkan.
  • Arahkan kursor ke atasnya dan klik kanan padanya untuk membuka menu konteks.
  • Pilih "Salin kode HTML".

Rekatkan fragmen yang disalin ke dalam markup html halaman, seperti pada contoh sebelumnya. Hasilnya terlihat seperti ini:

Penting: penempatan video di situs web harus disetujui oleh pembuat video dan kebijakan layanan. Pastikan video tersebut memiliki izin sematan dan tidak melanggar hak cipta.

Contoh penggunaan

Video YouTube dapat memiliki konten yang berbeda. Bergantung pada tujuannya, ini bisa berupa tinjauan dan demonstrasi produk, perbandingannya dengan pesaing, video edukasi tentang industri, produk atau layanan, ulasan pelanggan, dan siaran langsung.

Solusi siap pakai dari QForm

Berkat video YouTube yang disematkan, pengguna dapat menonton video langsung di halaman situs web, tanpa harus beralih ke sumber lain. Namun selain hosting itu sendiri, ada layanan lain yang memungkinkan Anda memposting video di situs tersebut. Salah satunya adalah QForm widget video. Ini memungkinkan Anda untuk menambahkan video ke situs, menyesuaikan jenis tampilan, parameter peluncuran, dan tombol CTA. Dimungkinkan untuk melampirkan video ke formulir umpan balik, yang dapat berguna untuk instruksi atau jawaban atas pertanyaan.