{"id":33,"date":"2025-07-10T08:10:38","date_gmt":"2025-07-10T08:10:38","guid":{"rendered":"https:\/\/www.warunginter.net\/2019\/02\/cara-embed-video-youtube-responsive-di-blog.html"},"modified":"2025-07-10T08:10:38","modified_gmt":"2025-07-10T08:10:38","slug":"cara-embed-video-youtube-responsive-di-blog","status":"publish","type":"post","link":"https:\/\/flycai.warunginter.net\/?p=33","title":{"rendered":"Cara Embed Video Youtube Responsive di Blog"},"content":{"rendered":"
\n
\nCara Embed Video Youtube Responsive di Blog –<\/b> Youtube menjadi
\nsebuah situs video berbagi paling populer hingga saat ini. Kamu dapat
\nmengupload video hasil karya sendiri, menonton video yang kamu suka
\nseperti tentang games, melakukan Live Streaming ataupun menghasilkan
\nuang dari youtube.<\/p>\n

Selain yang saya informasikan di atas, video
\nyoutube juga bisa kita tambahkan ke dalam postingan blog\/website yang
\nkita kelolah. Tentunya ini sangat membantu pengunjung blog menjadi lebih
\n mudah karena ada bantuan visual untuk mempraktikkannya.<\/p>\n

Fitur
\nyang saya maksud di atas adalah Fitur Embed Youtube. Namun secara
\ndefault ukuran pada embed video youtube belum responsive alias tidak
\nmenyesuaikan ukuran body theme atau template yang kamu gunakan. Maka
\ndari itu kita harus mengeditnya sedikit agar tampilan video youtube bisa
\n responsive.<\/p>\n

\n\"Cara<\/a><\/div>\n

\nCara Mendapatkan Embed Video Youtube<\/h3>\n

Sebelum
\n ingin membuat video youtube responsive di postingan blog, kita harus
\nmengambil kode embed nya terlebih dahulu dari video yang ada di youtube.
\n Cara ini terbilang mudah, kamu tidak diharuskan memiliki akun youtube
\nterlebih dahulu. Berikut caranya.<\/p>\n

1. Silahkan cari video yang ingin anda tampilkan di postingan blog<\/p>\n

2. Jika sudah ketemu klik\/putar video tersebut<\/p>\n

\n\"Cara<\/a><\/div>\n

3. Percis di bawah tampilan video yang ada di youtube klik Bagikan <\/b>> lalu pilih Embed\/Sematkan<\/b><\/p>\n

\n\"Embed<\/a><\/div>\n

4. Kemudian salin dan simpan kode tersebut pada notepad komputer\/laptop kamu<\/p>\n

\n\"Cara<\/a><\/div>\n

5.
\n Perhatikan width <\/b>dan height <\/b>pada kode embed tersebut. Silahkan ubah
\npada width menjadi 100% (width=\u201d100%\u201d<\/span>). Dengan begitu video akan
\nmenyesuaikan lebar layar pada blog\/website kamu. Sedangkan hight kamu
\ndapat menyesuaikannya sendiri. Saya pribadi untuk height saya biarkan
\ndefault.<\/p>\n

Sampai disini kamu sudah berhasil mendapatkan kode embed video youtube yang akan kita tampilkan di postingan blog\/website. <\/p>\n

Baca Juga: Cara Menambahkan Tautan di Header Youtube<\/a><\/p>\n

\nCara Embed Video Youtube Responsive di Blog<\/h3>\n

Setelah
\n mendapatkan kode embed nya sekarang waktunya memasang di postingan
\nblog. Disini saya akan mempraktikkan di postingan blog berplatform
\nblogspot dan wordpress. Berikut caranya.<\/p>\n

\nMembuat Video Youtube Responsive di Postingan Blog pada Blogspot<\/h4>\n

1. Masuk ke akun blogger.com kamu<\/p>\n

2.
\n Klik Postingan <\/b>> lalu tekan Entry Baru<\/b> > Masukan kode embed video
\n youtube yang sudah kamu edit di notepad tadi (lihat nomor 5 pada Cara
\nMendapatkan Embed Video Youtube) pada mode HTML<\/b> <\/p>\n

3. Kemudian di Publish<\/b><\/p>\n

4. Lihatlah hasilnya dari smartphone, tablet dan juga PC\/laptop<\/p>\n

Baca Juga: Cara Download Video Youtube di HP<\/a><\/p>\n

\nMembuat Video Youtube Responsive di Postingan Blog pada WordPress<\/h3>\n

1. Masuk ke akun wordpress kamu<\/p>\n

2.
\n Klik Posts <\/b>> lalu pilih Add New<\/b> > Masukan kode embed video
\nyoutube yang sudah kamu edit di notepad tadi (lihat nomor 5 pada Cara
\nMendapatkan Embed Video Youtube) pada mode Texts<\/b><\/p>\n

3. Kemudian di Publish<\/b><\/p>\n

4. Lihatlah hasilnya dari smartphone, tablet dan juga PC\/laptop<\/p>\n

Itulah
\n cara embed video youtube responsive di blog, untuk melihatnya silahkan
\nkamu buka di smartphone, tablet ataupun PC\/laptop. Sekian dari saya
\nsemoga bermanfaat.\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Cara Embed Video Youtube Responsive di Blog – Youtube menjadi sebuah situs video berbagi paling populer hingga saat ini. Kamu dapat mengupload video hasil karya sendiri, menonton video yang kamu… Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":2170,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62,60,67],"tags":[],"class_list":["post-33","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogspot","category-sosmed","category-wordpress"],"_links":{"self":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":1,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts\/33\/revisions"}],"predecessor-version":[{"id":939,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts\/33\/revisions\/939"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/media\/2170"}],"wp:attachment":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=33"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}