Cara Menyematkan Kode Video Dari Sumber Apa Pun

Diterbitkan: 2022-05-14

Kode sematan video adalah string kode yang berisi data video: URL, ukuran, dan namanya, di antara variabel lainnya. Kode-kode ini memungkinkan Anda untuk menampilkan konten video di blog dan halaman arahan Anda. Dan Anda pasti menginginkan konten video di blog dan halaman arahan Anda—penelitian oleh Wistia menunjukkan bahwa video meningkatkan waktu sesi sebesar 2,6x.

Anda perlu mempelajari cara menyesuaikan dan menyematkan kode video dari sumber mana pun untuk memastikan video diputar dengan lancar. Tidak mengetahui cara menyematkan kode dengan benar dapat berarti menghosting video tidak responsif yang tidak dapat ditonton atau dibagikan pemirsa. Tiga langkah ini melampaui saran "salin dan tempel" yang biasa, mengajari Anda cara menyematkan video yang menonjol di artikel Anda.

1. Pilih di mana Anda akan meng-host video Anda.

Setiap layanan hosting video memiliki fitur dan batasan unik. Beberapa penyedia hosting hanya menawarkan alat dasar. Ini akan memungkinkan Anda meng-host video dan memilih penempatannya, yang cukup jika yang Anda butuhkan hanyalah mendistribusikan video di situs web Anda. Tetapi untuk perusahaan lain, alat ini mungkin tidak cukup untuk semua kebutuhan Anda. Misalnya, layanan hosting dasar tidak cukup jika Anda ingin mengedit cara video diputar dan melacak kinerjanya.

Penyedia hosting murah terjangkau, tetapi mereka mengalami lebih banyak waktu henti daripada yang bereputasi baik. Pembaca yang tidak dapat menonton video yang menjanjikan pemecahan masalah penting akan mencari jawaban di tempat lain. Tidak masalah jika Anda menyematkan video dari laptop atau situs streaming—Anda pasti ingin memilih penyedia hosting terkemuka dengan alat yang akan membantu Anda mencapai tujuan.

Tujuan Anda menentukan hosting yang akan Anda pilih. Jika Anda ingin menumbuhkan kesadaran merek Anda, gunakan YouTube. Video yang Anda unggah ke YouTube dan kemudian disematkan di situs web Anda akan diberi peringkat di YouTube dan penelusuran Google, sehingga Anda akan menjangkau pemirsa terluas.

Untuk perusahaan yang berfokus pada prospek dengan niat tinggi daripada jangkauan luas, Wistia adalah pilihan yang lebih baik karena alat pembuatan prospek dalam video. Ini memungkinkan Anda menambahkan CTA dan formulir untuk membuat daftar calon pelanggan langsung dari pemutar video.

2. Temukan kode embed video

Beberapa CMS memungkinkan Anda menyematkan video tanpa kode sematan. Yang perlu Anda lakukan adalah menempelkan URL video, dan CMS akan memasukkannya ke situs web Anda. Meskipun nyaman, lebih baik untuk mencari video dan kode embednya secara manual. Akses ke kode memungkinkan Anda mempresentasikan video sesuai keinginan.

Kontrol penuh atas kode sematan memungkinkan Anda memberikan pengalaman menonton yang menyenangkan di seluruh perangkat. Dan membuatnya mudah untuk menonton video sangat penting untuk membantu peringkat halaman Anda di Google. Web Vitals mereka mengukur betapa mudahnya menelusuri halaman Anda. Saat pemirsa kesulitan memutar atau mengklik tombol karena lokasinya, Google dapat menurunkan artikel Anda.

Sebagian besar layanan hosting menyimpan kode semat di bawah opsi Bagikan pemutar video. Meskipun informasi kode bervariasi antar host, Anda biasanya akan melihat data tentang ukuran, durasi, dan judul video. Anda dapat mengedit informasi ini setelah Anda siap untuk menyematkan video Anda.

3. Sesuaikan tampilan dan pemutaran video Anda

Anda dapat meningkatkan kemungkinan seseorang menonton video Anda dengan mengedit tampilan dan pemutarannya. Kode tersemat yang tidak diedit dapat memutar video yang hilang dalam artikel atau memakan waktu terlalu lama untuk langsung ke intinya, menghasilkan nol penayangan. Anda dapat memaksimalkan jumlah penayangan yang diterima video Anda dengan beberapa penyesuaian.

Penampilan

Ukuran, warna, dan penempatan pemutar video memengaruhi jika seseorang menonton video Anda. Pemirsa dapat melewatkan video Anda jika pemutarnya terlalu kecil atau hampir tidak terlihat. Untuk memengaruhi pembaca agar berhenti menggulir, pilih warna pemutar video Anda yang kontras dengan bagian halaman lainnya.

Katakanlah halaman Anda menggunakan latar belakang putih dan pemutar video Anda menggunakan gambar mini dan tombol putar dalam warna terang. Dalam hal ini, pembaca yang membaca sekilas artikel Anda mungkin tidak melihatnya. Atau, bayangkan Anda mengedit kode sematan sehingga tombol putar berwarna merah cerah dan video mencakup 80% halaman. Pengeditan ini akan mempersulit pemirsa untuk melewatkan video Anda.

Anda dapat mengedit ukuran video dan warna pemutar dengan mengedit kode. Untuk mengubah ukuran, buka kode embed dan cari “width=" dan “height=.” Pilih ukuran yang menutupi sebagian besar layar situs web Anda agar terlihat. Dalam kebanyakan kasus, lebar 1280 piksel dan tinggi 720 piksel sudah cukup.

Kode gaya sebaris dapat menyesuaikan warna pemutar video Anda dan batasnya. Ubah elemen-elemen ini dengan terlebih dahulu menemukan kata "iframe" dalam kode. Teks ini adalah baris kode yang menyematkan dokumen lain ke dalam file HTML. Kemudian tempel style="border: 5px solid #AAA; segera setelah itu. Angka sebelum "px" menunjukkan lebar perbatasan, sedangkan tiga huruf setelah # negara menentukan warna perbatasan dalam kode warna HTML.

Pengaturan pemain

Video tersemat diputar secara berbeda bergantung pada parameter kode Anda, yang juga dikenal sebagai atribut. Edit kode untuk membuat video Anda lebih bermanfaat bagi pemirsa.

Terkadang Anda ingin pemirsa melewatkan bagian awal video. Mungkin intro tidak membantu untuk masalah mereka, dan Anda ingin mereka langsung ke informasi penting. Atau mungkin itu menargetkan audiens yang berbeda tetapi memiliki informasi yang mungkin berguna bagi semua orang. Apa pun alasannya, Anda dapat menyesuaikan kode untuk memulai video kapan pun Anda mau.

Opsi penyematan YouTube memungkinkan Anda mengedit menit mulai video tanpa membuat Anda menulis baris kode. Buka Bagikan, Sematkan, centang kotak "Mulai dari", dan tulis waktu di mana video Anda akan dimulai. Orang di luar YouTube biasanya dapat mengatur waktu mulai di bawah opsi penyematan.

Atribut bermanfaat lainnya adalah parameter Loop, yang memungkinkan Anda membuat video berulang setelah selesai. Ini berguna bagi pemirsa yang mempelajari keterampilan dari video pendidikan. Manfaat ini terjadi karena otak lebih baik dalam mengingat dan menyimpan informasi yang dilihat atau didengarnya lebih dari sekali.

Anda dapat mengulang video Anda di sebagian besar layanan hosting dengan mencentang kotak di opsi semat. Jika Anda menghosting di YouTube, cari alamat web setelah “src=" di kode sematan—baris kode ini adalah URL sumber.

Kemudian, cari ID Video—huruf alfanumerik setelah “/ embed/.” Tulis “?playlist=[Video ID] &loop=1” di sebelah nomor terakhir ID video Anda, dan, mulai saat itu, video tersemat Anda akan berulang dengan sendirinya.

Sematkan Video Buatan Vyond Ke Situs Web Anda

Vyond adalah perangkat lunak animasi intuitif yang dapat digunakan oleh anggota pemasaran, sumber daya manusia, dan tim pembelajaran & pengembangan untuk membuat video yang menarik. Video-video ini mengurangi waktu orientasi sebesar 67%, meningkatkan konversi dengan persentase yang sama, dan meningkatkan pembagian video sebesar 375%. Dengan template Vyond, siapa pun—terlepas dari pengalaman animasi video—dapat memperoleh manfaat luar biasa dari penggunaan video.

Mulai uji coba gratis