{"id":131,"date":"2023-05-31T03:47:51","date_gmt":"2023-05-31T03:47:51","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2023\/05\/31\/6448859-hostinger-website-builder-cara-menambahkan-video\/"},"modified":"2025-08-26T19:58:00","modified_gmt":"2025-08-26T19:58:00","slug":"6448859-hostinger-website-builder-cara-menambahkan-video","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/6448859-hostinger-website-builder-cara-menambahkan-video\/","title":{"rendered":"Hostinger Website Builder: Cara Menambahkan Video"},"content":{"rendered":"<p class=\"no-margin\">Di artikel ini, Anda akan belajar cara &#128071; <\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_13bd1831ee\">Cara Menambahkan Video Youtube dan Vimeo<\/h1><p class=\"no-margin\">Di bagian editor, klik <b>Tambahkan Elemen<\/b> di panel sebelah kiri. Pilih <b>elemen video<\/b> dan tarik video di tempat yang Anda inginkan:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/de228f50-7852-4b01-b130-4a92a9fa49e7.jpg\"><\/div><p class=\"no-margin\">Klik elemen video untuk melihat opsi lainnya (edit, duplikasikan, hide\/show, hapus, resize):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/a07d7902-e205-4b6d-8d31-d5eee58aa891.jpg\"><\/div><p class=\"no-margin\">Klik <b>edit video<\/b> untuk membuat perubahan lainnya:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Link video<\/b>: saat ini, hanya video dari<b> <a href=\"https:\/\/www.youtube.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Youtube<\/a><\/b>dan <b><a href=\"https:\/\/vimeo.com\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Vimoe<\/a><\/b> yang bisa ditautkan ke elemen video. Untuk memasukkan video ke website, Anda perlu mengunggah video ke platform tersebut terlebih dahulu.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Putar otomatis<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Loop<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Tampilkan kontrol video<\/b><\/p>\n<\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Jika opsi <b>Tampilkan kontrol video <\/b>dinonaktifkan, video Vimeo tidak bisa diputar di ponsel. Aktifkan opsi <b>Tampilkan kontrol video <\/b>atau<b> Putar otomatis <\/b>agar video Vimeo bisa diputar di ponsel.<\/p>\n<\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_b4066b713c\">Cara Mengatasi Video Youtube tidak Ditemukan<\/h2><p class=\"no-margin\">Jika Video Youtube tidak bisa ditemukan, kemungkinan besar karena Anda menggunakan URL Youtube yang dipersingkat, seperti: <br><code>https:\/\/<b>youtu.be<\/b>\/video-id<\/code><\/p><p class=\"no-margin\">Anda bisa memperbaikinya dengan mengubah awalan URL menjadi:<br><code>https:\/\/<b>www.youtube-nocookie.com\/embed<\/b>\/video-id<\/code><\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>Sebagai contoh<\/b>:<br><code>https:\/\/<b>youtu.be<\/b>\/video-id<\/code><br>&#11015;&#65039;<br><code>https:\/\/<b>www.youtube-nocookie.com\/embed<\/b>\/video-id<\/code><\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_6cafc05431\">Cara Menambahkan Video Facebook<\/h1><p class=\"no-margin\">Anda bisa menambahkan video yang telah dibagikan di Facebook dengan mudah:<\/p><ol>\n<li>\n<p class=\"no-margin\">Salin URL video Facebook yang Anda inginkan:<\/p>\n<p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/5739a648-5c63-4c6a-a474-30f508db9186.jpg\" width=\"338\"><\/div>\n<\/li>\n<li>\n<p class=\"no-margin\">Buka <b><a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/embedded-video-player#configurator\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Code Configurator<\/a> <\/b>Facebook dan tempelkan link di sana. Anda juga bisa mengatur lebar video dalam pixel. Setelah itu, klik <b>Get Code<\/b>:<\/p>\n<p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/36a263d8-8875-43b8-8e60-e38d4bb1c904.jpg\" alt=\"Facebook's embedded video player configurator\"><\/div>\n<\/li>\n<li>\n<p class=\"no-margin\">Salin kode <b>IFrame<\/b> video:<\/p>\n<p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2023\/05\/327050bf-09b8-4193-b79f-4e9ac68924e8.jpg\" alt=\"Copying the iframe code of the Facebook video\"><\/div>\n<\/li>\n<li>\n<p class=\"no-margin\">Di bagian website editor, klik <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6463152-website-builder-how-to-embed-a-custom-code\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">elemen Sematkan kode<\/a> <\/b>dan masukkan kode.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6435697-website-builder-how-to-update-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Update website<\/a><\/b> dan periksa tampilan online website Anda.<\/p>\n<\/li>\n<\/ol><p class=\"no-margin\">\n<\/p><h1 id=\"h_910b70f913\">Cara Menambahkan Video dari Komputer<\/h1><p class=\"no-margin\">Pertama-tama, Anda harus mengunggah video ke cloud file storage, seperti Google Drive. Setelah video diunggah, kode iFrame file akan dibuat. Untuk menambahkan video di website, Anda hanya perlu memasukkan kode di <b>elemen Sematkan kode<\/b>.<\/p><ol>\n<li>\n<p class=\"no-margin\">Unggah video Anda ke <b><a href=\"https:\/\/www.google.com\/drive\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Drive<\/a><\/b> atau cloud file storage lainnya.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Salin kode iFrame video. <a href=\"https:\/\/www.youtube.com\/watch?v=z6ElW8kKDEU\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">I<b>kuti panduan ini<\/b><\/a> apabila Anda menggunakan Google Drive.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Di tab baru, buka website editor, lalu tambahkan<b> <a href=\"https:\/\/support.hostinger.com\/en\/articles\/6463152-website-builder-how-to-embed-a-custom-code\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">elemen Sematkan kode<\/a><\/b> di bagian website yang Anda inginkan, dan masukkan kode iFrame.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6435697-website-builder-how-to-update-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Update website<\/a><\/b> dan periksa tampilan online website Anda.<\/p>\n<\/li>\n<\/ol><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cara menambahkan video di website dari Website Builder Hostinger<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-131","post","type-post","status-publish","format-standard","hentry","category-elemen-website"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6448859-hostinger-website-builder-how-to-add-videos\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6448859-hostinger-creador-de-sitios-web-como-agregar-videos\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6448859-hostinger-createur-de-site-web-comment-ajouter-des-videos\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6448859-hostinger-website-builder-cara-menambahkan-video\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6448859-hostinger-svetainiu-kurimo-irankis-kaip-prideti-vaizdo-irasu\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6448859-hostinger-criador-de-sites-como-adicionar-videos\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6448859-hostinger-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/comments?post=131"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/131\/revisions"}],"predecessor-version":[{"id":1232,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/131\/revisions\/1232"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/media?parent=131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/categories?post=131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/tags?post=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}