Menyematkan streaming langsung youtube di wordpress

YouTube dengan mudah menjadi situs web terbesar dan paling kaya konten di dunia, dengan lebih dari satu miliar jam konten dikonsumsi oleh pengguna setiap hari. YouTube Live adalah upaya YouTube untuk mengambil alih pasar streaming langsung global dan menjauhkan beberapa pengguna dari Twitch. Selama beberapa tahun terakhir, YouTube Live telah berhasil menarik beberapa streamer besar dari Twitch – streamer terkemuka seperti Dr Disrespect yang kini melakukan live streaming secara eksklusif di YouTube

Jika Anda menjalankan situs web Anda sendiri, Anda mungkin ingin menampilkan beberapa konten di YouTube di situs Anda sendiri. Untungnya YouTube membuatnya sangat mudah untuk menyematkan streaming langsung YouTube. Anda mungkin ingin menyematkan streaming langsung YouTube Anda sendiri, menyematkan streaming langsung orang lain, atau bahkan menyematkan beberapa streaming langsung YouTube – dalam artikel ini saya akan menunjukkan cara melakukan semua ini

Cara menyematkan Streaming Langsung YouTube di situs web Anda (cara mudah)

Untungnya, YouTube menyediakan cara alami untuk menyematkan konten yang dapat kita manfaatkan. YouTube memungkinkan Anda menyematkan video atau streaming langsung apa pun di situs hanya dengan beberapa klik. Anda bahkan dapat menyematkan konten YouTube yang bukan milik Anda. Yang harus Anda lakukan adalah menavigasi ke video YouTube atau streaming langsung, temukan ikon bagikan di bagian bawah, klik ini lalu klik Bagikan melalui, lalu Sematkan

Ketika Anda mengklik Sematkan, Anda akan disajikan dengan kode sematan YouTube Live stream. Kode ini adalah <iframe> dan dapat disalin seluruhnya – siap untuk ditempelkan ke situs web Anda. Bergantung pada platform yang digunakan situs web Anda, Anda mungkin cukup menempelkan kode iframe ke halaman Anda. Di bawah ini saya akan membahas beberapa detail tentang cara menyematkan kode streaming langsung YouTube ke situs web atau halaman WordPress mana pun

Cara menyematkan Streaming Langsung YouTube di WordPress

WordPress, CMS sumber terbuka terkemuka adalah cara ampuh untuk mengelola situs web Anda sendiri. Jika Anda sudah menggunakan WordPress, kabar baiknya adalah sangat mudah untuk menyematkan konten YouTube di WordPress melalui penggunaan kode embed iframe yang sederhana. Sekarang ini mungkin bergantung pada versi WordPress yang Anda gunakan, tema Anda, atau bahkan plugin yang telah Anda instal – Anda harus dapat menyematkan video YouTube dan streaming langsung menggunakan salah satu dari dua metode di bawah ini

Cara Menyematkan Streaming Langsung YouTube Di Gutenberg

Gutenberg adalah editor blok baru di WordPress, diperkenalkan pada 2018 di versi 5. 0. Suka atau tidak suka, menyematkan streaming langsung YouTube di Gutenberg sangat mudah. Cukup muat halaman Anda, dan di dalam editor blok, tambahkan blok HTML Kustom baru. Ini memberi Anda kotak sederhana yang dapat Anda tempelkan kode sematan YouTube Anda tepat di dalamnya seperti ini

Cara Menyematkan Streaming Langsung YouTube di editor klasik WordPress

Editor klasik di WordPress masih disukai oleh banyak orang, seperti yang terlihat dari plugin editor klasik resmi dengan lebih dari 5 juta unduhan. Jika Anda salah satu dari 5 juta pengguna tersebut, Anda akan senang mengetahui bahwa menyematkan aliran YouTube di dalam editor klasik sama mudahnya. Di dalam halaman Anda, cukup beralih dari mode visual ke mode teks dan rekatkan kode Anda

Tambahkan CSS khusus untuk rasio aspek penyematan video YouTube

Secara default, YouTube akan mencoba mencari tahu ukuran apa yang membuat konten YouTube tersemat Anda pas di halaman Anda. Umumnya ini tergantung pada ukuran ruang yang tersedia (di ruang tempat Anda mencoba menyematkan) ke penyematan. Sekarang mungkin tema WordPress Anda (atau bahkan beberapa plugin) dapat mengganggu ukuran atau rasio aspek penyematan YouTube Anda. Untuk alasan ini saya telah memberikan beberapa kode CSS di bawah ini yang dapat Anda gunakan untuk menata iframe embed YouTube Anda seperti yang Anda inginkan

Hal pertama adalah menggunakan pemilih yang cocok dengan semua iframe YouTube, yang dapat Anda lakukan seperti ini iframe[src*="https://www.youtube.com/embed/"]. Selanjutnya, kami akan menetapkan default setiap iframe ini ke position: relative, menetapkan default height dan width, lalu menggunakan atribut CSS baru bernama aspect-ratio untuk menetapkan rasio aspek ke 16/9 (rasio aspek default yang digunakan oleh YouTube). Kami juga menetapkan max-width_ ke 540px yang dapat Anda perbesar jika Anda mau

<style>
iframe[src*="https://www.youtube.com/embed/"] {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-width: 540px!important;
    aspect-ratio: 9 / 16 !important;
}
</style>

Jangan ragu untuk menyalin kode di atas ke situs web WordPress Anda jika Anda ingin mengubah gaya, ukuran, dan rasio aspek default dari video dan streaming langsung YouTube tersemat Anda

Cara menyematkan Streaming Langsung YouTube dengan Integrasi YouTube StreamWeasels (cara yang luar biasa)

Menyematkan satu streaming langsung YouTube cukup mudah dengan metode di atas – tetapi jika Anda ingin menyematkan sesuatu yang lebih dari sekadar satu saluran Youtube, plugin Integrasi YouTube StreamWeasels adalah cara yang tepat. Kami memiliki koleksi plugin Youtube WordPress yang memungkinkan Anda menyematkan semua jenis konten YouTube. Anda dapat menggunakan Integrasi YouTube StreamWeasels untuk menampilkan semua video dari satu saluran, atau semua video dari satu daftar putar. Anda bahkan dapat menggunakannya untuk menampilkan celana pendek YouTube tersemat

Ketika datang ke streaming langsung YouTube, Anda dapat menampilkan status langsung dari satu saluran, atau status langsung dari beberapa saluran secara bersamaan. Pilih untuk menonjolkan saluran yang sedang tayang, dan bahkan menyembunyikan saluran yang sedang luring

Jelajahi Integrasi YouTube

Cara menampilkan status saluran YouTube Live dengan plugin Integrasi YouTube

Jika Anda menjalankan situs web Anda sendiri dan Anda memiliki saluran YouTube yang ingin Anda tampilkan – mungkin teman, anggota tim, atau rekan klan Anda – Anda dapat menggunakan Integrasi YouTube StreamWeasels untuk menampilkan streaming langsung YouTube teman Anda untuk memastikan mereka selalu mendapatkan visibilitas di situs Anda

Dalam contoh di bawah ini saya telah menampilkan beberapa saluran YouTube yang ditayangkan secara rutin dan Anda dapat melihat di bawah ini saluran mana yang disiarkan langsung dan saluran mana yang offline – dan cukup klik saluran tersebut untuk bergabung dalam aliran

Jelajahi Integrasi YouTube

Cara menampilkan Pemutar saluran YouTube dengan plugin Integrasi YouTube

Integrasi StreamWeasels YouTube hadir dengan berbagai tata letak, salah satunya adalah pemutar YouTube yang sangat bagus untuk memungkinkan pengguna Anda fokus pada pengalaman YouTube yang disematkan sambil tetap dapat melihat daftar konten YouTube di samping.

Dalam contoh di bawah ini saya menampilkan saluran YouTube (ini juga berfungsi baik dengan daftar putar YouTube. ) menggunakan tata letak Pemutar, setel untuk memuat video secara otomatis

Jelajahi Integrasi YouTube

Cara menampilkan Fitur saluran YouTube dengan plugin Integrasi YouTube

Tata letak populer lainnya dari Integrasi YouTube StreamWeasels adalah tata letak Fitur, yang memungkinkan Anda untuk menampilkan konten YouTube dengan cara yang menarik banyak perhatian dan interaktivitas. Tata letak ini sebenarnya terinspirasi oleh beranda Twitch dan juga tersedia di plugin Integrasi Twitch kami, tetapi juga berfungsi dengan baik untuk konten YouTube

Dalam contoh di bawah ini saya menampilkan daftar putar YouTube menggunakan tata letak Fitur

Jelajahi Integrasi YouTube

Kesalahan umum saat menyematkan konten YouTube

Meskipun menyematkan konten streaming langsung YouTube di situs web Anda sangat mudah, ada kesalahan umum yang ditemui banyak pengguna saat mencoba menyematkan konten

Kesalahan Video YouTube Tidak Tersedia

Kesalahan video YouTube tidak tersedia sering kali ditampilkan karena satu alasan – video atau streaming langsung yang Anda coba sematkan tidak tercantum, pribadi, atau opsi sematan dinonaktifkan

Jika Anda melihat kesalahan ini pada penyematan streaming langsung YouTube Anda sendiri, Anda mungkin ingin memeriksa apakah Anda telah mengaktifkan penyematan konten. Untuk melakukannya, navigasikan ke halaman pengaturan video atau streaming langsung, dan cari opsi 'Izinkan penyematan'. Pastikan kotak ini dicentang dan Anda tidak akan lagi melihat kesalahan video YouTube tidak tersedia saat mencoba menyematkan konten streaming langsung YouTube Anda

Kesimpulannya

Jelas bahwa YouTube melakukan pekerjaan yang hebat dalam menyediakan konten berkualitas untuk penggunanya, dan untuk memberikan pengalaman penyematan yang solid untuk memungkinkan pengguna menampilkan video YouTube dan streaming langsung di situs web mereka sendiri, tetapi ada beberapa celah yang saya harap

Jika Anda mencari pengalaman tanpa kerumitan saat menyematkan konten YouTube, StreamWeasels memiliki semuanya. Tampilkan konten YouTube Anda dalam berbagai tata letak yang berbeda dan berikan pengguna Anda pengalaman YouTube yang luar biasa di situs Anda sendiri. Jangan ragu untuk melihat-lihat situs web kami dan mempertimbangkan untuk membeli Integrasi YouTube StreamWeasels, dan jika Anda memiliki pertanyaan, jangan ragu untuk menghubungi kami

Bagaimana cara menyematkan streaming langsung di WordPress?

Bagaimana cara menyematkan streaming langsung YouTube di situs web saya?

Bagaimana cara mendapatkan kode semat untuk streaming langsung YouTube?

Dapatkah saya melakukan streaming YouTube secara langsung di situs web saya?