{"id":681,"date":"2022-10-11T03:33:38","date_gmt":"2022-10-11T03:33:38","guid":{"rendered":"https:\/\/wimzcomputer.com\/?p=681"},"modified":"2025-09-07T12:25:27","modified_gmt":"2025-09-07T12:25:27","slug":"video-dan-audio-pada-halaman-html","status":"publish","type":"post","link":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/","title":{"rendered":"Menambahkan Video dan Audio Pada Halaman HTML"},"content":{"rendered":"\n<p>Cara menambahkan video dan audio pada halaman HTML bisa dibilang hampir mirip konsepnya dengan menambahkan gambar. Ada beberapa hal yang berbeda antara menambahkan gambar dan menambahkan video dan audio. <\/p>\n\n\n\n<p>Untuk itu simak artikel dibawah.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Menambahkan Video Pada Halaman HTML<\/strong><\/p>\n\n\n\n<p>Tag yang digunakan untuk menambahkan video adalah <strong>&lt;video&gt;<\/strong>. Kurang lebih seperti inilah bentuk scriptnya.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/video-1.png?ssl=1\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Struktur Script Video Pada HTML <\/figcaption><\/figure>\n<\/div>\n\n\n<p>Jika format video yang digunakan sesuai dengan web browser, maka Video akan ditampilkan. Jika tidak, maka akan muncul tulisan <strong>&#8220;Browser ini tidak mendukung format videomu.&#8221;<\/strong><\/p>\n\n\n\n<p>Seperti contoh di bawah.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/video2.png?ssl=1\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p>Maka hasilnya, seperti berikut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/Screenshot_3-1024x494-1.jpg?ssl=1\" alt=\"\" style=\"aspect-ratio:2.0754189944134076;width:735px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p>Jika dirasa, ukuran tinggi dan lebar video original terlalu besar, kita bisa menambahkan atribut <strong>Height <\/strong>dan <strong>Width<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/video3-1.png?ssl=1\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" height=\"295\" width=\"1024\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/Screenshot_1.jpg?resize=1024%2C295&#038;ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<p>Pada contoh di atas, kita menuliskan secara langsung nama video yang akan ditampilkan. Ini karena videonya berada dalam satu folder dengan file HTML.<\/p>\n\n\n\n<p>Jika video tersebut berada di folder yang berbeda, maka harus ditulis nama folder atau path-nya. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/video4.png?ssl=1\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p>Atau jika ingib mengambil vdeio dari website lain, maka kita harus menuliskan alamat webnya.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/video5.png?ssl=1\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>Format Video Yang Didukung<\/strong><\/p>\n\n\n\n<p>Tidak semua format video didukung oleh HTML 5. Jika Anda tidak punya format video yang sesuai, Anda harus mengkonversinya terlebih dahulu. <\/p>\n\n\n\n<p>Format video tersebut adalah sebagai berikut.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Format FILE<\/th><th>Media Type<\/th><\/tr><\/thead><tbody><tr><td>MP4<\/td><td>video\/mp4<\/td><\/tr><tr><td>WebM<\/td><td>video\/webm<\/td><\/tr><tr><td>Ogg<\/td><td>video\/ogg<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Atribut Pada Video<\/strong><\/p>\n\n\n\n<p>Tag <strong>&lt;video&gt;<\/strong> memiliki beberapa atribut, antara laian:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Nama Atribut<\/th><th>Nilai<\/th><th>Fungsi<\/th><\/tr><\/thead><tbody><tr><td><code>autoplay<\/code><\/td><td><code>true<\/code>\/<code>false<\/code><\/td><td>Agar video diputar otomatis<\/td><\/tr><tr><td><code>controls<\/code><\/td><td><code>true<\/code>\/<code>false<\/code><\/td><td>Untuk mengaktifkan control video player<\/td><\/tr><tr><td><code>loop<\/code><\/td><td><code>true<\/code>\/<code>false<\/code><\/td><td>Untuk memutar video terus menerus<\/td><\/tr><tr><td><code>muted<\/code><\/td><td><code>true<\/code>\/<code>false<\/code><\/td><td>Untuk menonaktifkan audio<\/td><\/tr><tr><td><code>poster<\/code><\/td><td>Image Path<\/td><td>Untuk menentukan gambar cover dari video<\/td><\/tr><tr><td><code>width<\/code>&nbsp;&amp;&nbsp;<code>height<\/code><\/td><td>angka<\/td><td>Untuk menentukan tinggi dan lebar video<\/td><\/tr><tr><td><code>playsinline<\/code><\/td><td><code>true<\/code>\/<code>false<\/code><\/td><td>Untuk memutar video secara \u2018inline\u2019<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Jika atribut bernilai <strong>true<\/strong>, maka cukup ditulis nama atributnya saja.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Cara Menambahkan Video Dari Youtube<\/strong><\/p>\n\n\n\n<p>Terkadang ketika memiliki video yang tidak sesuai dengan formatnya dan kita terlalu repot untuk mengkonversi video tersebut, kita biasanya akan mencari video lain di Youtube. Cara itu lebih efektif daripada kita mengkonversi videonya terlebih dahulu.<\/p>\n\n\n\n<p>Kita bisa menggunakan tag <strong>&lt;iframe&gt; <\/strong>untuk menambahkan video dari Youtube. Tag ini sebenarnya berfungsi untuk menambahkan halaman lain dalam sebuah&nbsp;<em>frame<\/em>. Kita tidak perlu menambahkan tag <strong>&lt;video&gt;<\/strong> karena Youtube sudah memiliki media player sendiri.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/carbon-1.png?ssl=1\" alt=\"\" style=\"aspect-ratio:1;width:545px;height:auto\"\/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-recalc-dims=\"1\" height=\"477\" width=\"1024\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/Screenshot_2.jpg?resize=1024%2C477&#038;ssl=1\" alt=\"\" style=\"width:725px;height:337px\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>Menambahkan Audio Pada Halaman HTML<\/strong><\/p>\n\n\n\n<p>Setelah mempelajari cara menambahkan video ke dalam halaman HTML, sekarang kita beralih ke cara menambahkan audio ke dalam halaman web.<\/p>\n\n\n\n<p>Tag yang digunakan adalah <strong>&lt;audio&gt;<\/strong>. Struktur skripnya mirip dengan video.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/audio.png?ssl=1\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p>Secara lengkapnya, bisa di lihat di skrip di bawah.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/audio3.png?ssl=1\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p>Maka hasilnya,<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/Screenshot_4-1024x494-1.jpg?ssl=1\" alt=\"\" style=\"width:751px;height:361px\"\/><\/figure>\n<\/div>\n\n\n<p>Jika file audio tersimpan di folder yang berbeda, maka harus ditulis alamat path menuju folder tersebut.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/audio4.png?ssl=1\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p>Atau jika file audionya tersimpan di website yang berbeda, maka kita harus mengisinya dengan alamat URL.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/audio5.png?ssl=1\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>Atribut Pada Audio<\/strong><\/p>\n\n\n\n<p>Tag <strong>&lt;audio&gt;<\/strong> memiliki beberapa atribut:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-controls\">1.&nbsp;<code>controls<\/code><\/h2>\n\n\n\n<p>Atribut ini berfungsi untuk mengaktifkan tombol kontrol seperti tombol play, pause, stop, scroll, dan volume).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-autoplay\">2. <code>autoplay<\/code><\/h2>\n\n\n\n<p>Atribut ini berfungsi untuk memutar audio secara otomatis. Nilai yang bisa diberikan pada atribut ini adalah&nbsp;<code>true<\/code>&nbsp;dan&nbsp;<code>false<\/code>.<\/p>\n\n\n\n<p>Nilai&nbsp;<code>true<\/code>&nbsp;artinya kita akan memutar audio secara otomatis, dan&nbsp;<code>false<\/code>&nbsp;artinya audio tidak akan diputar secara otomatis.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-loop\">3.&nbsp;<code>loop<\/code><\/h2>\n\n\n\n<p>Atribut&nbsp;<code>loop<\/code>&nbsp;berfungsi untuk mengulang-ulang pemutaran audio. Ini seperti&nbsp;<em>repeat one<\/em>. Nilai yang bisa diberikan adalah&nbsp;<code>true<\/code>&nbsp;dan&nbsp;<code>false<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-muted\">4.&nbsp;<code>muted<\/code><\/h2>\n\n\n\n<p>Atribut ini berfungsi untuk mensenyapkan audio. Nilai yang bisa diberikan adalah&nbsp;<code>true<\/code>&nbsp;dan&nbsp;<code>false<\/code>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Semoga bermanfaat \ud83d\ude42<\/p>\n\n\n\n<p>Anda bisa mengunjungi kami di website dengan klik&nbsp;<a href=\"https:\/\/wimzcomputer.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">di sini<\/a>, atau Subscribe channel kami&nbsp;<a href=\"https:\/\/www.youtube.com\/channel\/UCHcRDokcc_Uzs0BDPneqpWw\" target=\"_blank\" rel=\"noreferrer noopener\">di sini<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cara menambahkan video dan audio pada halaman HTML bisa dibilang hampir mirip konsepnya dengan menambahkan gambar. Ada beberapa hal yang berbeda antara menambahkan gambar dan menambahkan video dan audio. Untuk&hellip;<\/p>\n","protected":false},"author":1,"featured_media":4456,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[11,17],"tags":[],"class_list":["post-681","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Menambahkan Video dan Audio Pada Halaman HTML - Wimz Computer<\/title>\n<meta name=\"description\" content=\"Cara menambahkan video dan audio pada halaman HTML bisa dibilang hampir mirip konsepnya dengan menambahkan gambar. Ada beberapa hal yang berbeda antara menambahkan gambar dan menambahkan video dan audio.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Menambahkan Video dan Audio Pada Halaman HTML - Wimz Computer\" \/>\n<meta property=\"og:description\" content=\"Cara menambahkan video dan audio pada halaman HTML bisa dibilang hampir mirip konsepnya dengan menambahkan gambar. Ada beberapa hal yang berbeda antara menambahkan gambar dan menambahkan video dan audio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Wimz Computer\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-11T03:33:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-07T12:25:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1920\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"wimzcomputer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"wimzcomputer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/\"},\"author\":{\"name\":\"wimzcomputer\",\"@id\":\"https:\/\/wimzcomputer.com\/#\/schema\/person\/d2ab64611522c1de665275f16822f92d\"},\"headline\":\"Menambahkan Video dan Audio Pada Halaman HTML\",\"datePublished\":\"2022-10-11T03:33:38+00:00\",\"dateModified\":\"2025-09-07T12:25:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/\"},\"wordCount\":562,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/wimzcomputer.com\/#\/schema\/person\/d2ab64611522c1de665275f16822f92d\"},\"image\":{\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png?fit=1920%2C1920&ssl=1\",\"articleSection\":[\"HTML\",\"Web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/\",\"url\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/\",\"name\":\"Menambahkan Video dan Audio Pada Halaman HTML - Wimz Computer\",\"isPartOf\":{\"@id\":\"https:\/\/wimzcomputer.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png?fit=1920%2C1920&ssl=1\",\"datePublished\":\"2022-10-11T03:33:38+00:00\",\"dateModified\":\"2025-09-07T12:25:27+00:00\",\"description\":\"Cara menambahkan video dan audio pada halaman HTML bisa dibilang hampir mirip konsepnya dengan menambahkan gambar. Ada beberapa hal yang berbeda antara menambahkan gambar dan menambahkan video dan audio.\",\"breadcrumb\":{\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png?fit=1920%2C1920&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png?fit=1920%2C1920&ssl=1\",\"width\":1920,\"height\":1920},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wimzcomputer.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Menambahkan Video dan Audio Pada Halaman HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wimzcomputer.com\/#website\",\"url\":\"https:\/\/wimzcomputer.com\/\",\"name\":\"Wimz Computer\",\"description\":\"Cara Mudah Belajar IT\",\"publisher\":{\"@id\":\"https:\/\/wimzcomputer.com\/#\/schema\/person\/d2ab64611522c1de665275f16822f92d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wimzcomputer.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/wimzcomputer.com\/#\/schema\/person\/d2ab64611522c1de665275f16822f92d\",\"name\":\"wimzcomputer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wimzcomputer.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f6eb392dfd2278025115832e887f01fa7b6d2e8adc85adba9cd72abce01b9951?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f6eb392dfd2278025115832e887f01fa7b6d2e8adc85adba9cd72abce01b9951?s=96&d=mm&r=g\",\"caption\":\"wimzcomputer\"},\"logo\":{\"@id\":\"https:\/\/wimzcomputer.com\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/157.245.148.154\"],\"url\":\"https:\/\/wimzcomputer.com\/index.php\/author\/wimzcomputer\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Menambahkan Video dan Audio Pada Halaman HTML - Wimz Computer","description":"Cara menambahkan video dan audio pada halaman HTML bisa dibilang hampir mirip konsepnya dengan menambahkan gambar. Ada beberapa hal yang berbeda antara menambahkan gambar dan menambahkan video dan audio.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/","og_locale":"en_US","og_type":"article","og_title":"Menambahkan Video dan Audio Pada Halaman HTML - Wimz Computer","og_description":"Cara menambahkan video dan audio pada halaman HTML bisa dibilang hampir mirip konsepnya dengan menambahkan gambar. Ada beberapa hal yang berbeda antara menambahkan gambar dan menambahkan video dan audio.","og_url":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/","og_site_name":"Wimz Computer","article_published_time":"2022-10-11T03:33:38+00:00","article_modified_time":"2025-09-07T12:25:27+00:00","og_image":[{"width":1920,"height":1920,"url":"https:\/\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png","type":"image\/png"}],"author":"wimzcomputer","twitter_card":"summary_large_image","twitter_misc":{"Written by":"wimzcomputer","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#article","isPartOf":{"@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/"},"author":{"name":"wimzcomputer","@id":"https:\/\/wimzcomputer.com\/#\/schema\/person\/d2ab64611522c1de665275f16822f92d"},"headline":"Menambahkan Video dan Audio Pada Halaman HTML","datePublished":"2022-10-11T03:33:38+00:00","dateModified":"2025-09-07T12:25:27+00:00","mainEntityOfPage":{"@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/"},"wordCount":562,"commentCount":0,"publisher":{"@id":"https:\/\/wimzcomputer.com\/#\/schema\/person\/d2ab64611522c1de665275f16822f92d"},"image":{"@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png?fit=1920%2C1920&ssl=1","articleSection":["HTML","Web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/","url":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/","name":"Menambahkan Video dan Audio Pada Halaman HTML - Wimz Computer","isPartOf":{"@id":"https:\/\/wimzcomputer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#primaryimage"},"image":{"@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png?fit=1920%2C1920&ssl=1","datePublished":"2022-10-11T03:33:38+00:00","dateModified":"2025-09-07T12:25:27+00:00","description":"Cara menambahkan video dan audio pada halaman HTML bisa dibilang hampir mirip konsepnya dengan menambahkan gambar. Ada beberapa hal yang berbeda antara menambahkan gambar dan menambahkan video dan audio.","breadcrumb":{"@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#primaryimage","url":"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png?fit=1920%2C1920&ssl=1","contentUrl":"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png?fit=1920%2C1920&ssl=1","width":1920,"height":1920},{"@type":"BreadcrumbList","@id":"https:\/\/wimzcomputer.com\/index.php\/2022\/10\/11\/video-dan-audio-pada-halaman-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wimzcomputer.com\/"},{"@type":"ListItem","position":2,"name":"Menambahkan Video dan Audio Pada Halaman HTML"}]},{"@type":"WebSite","@id":"https:\/\/wimzcomputer.com\/#website","url":"https:\/\/wimzcomputer.com\/","name":"Wimz Computer","description":"Cara Mudah Belajar IT","publisher":{"@id":"https:\/\/wimzcomputer.com\/#\/schema\/person\/d2ab64611522c1de665275f16822f92d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wimzcomputer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/wimzcomputer.com\/#\/schema\/person\/d2ab64611522c1de665275f16822f92d","name":"wimzcomputer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wimzcomputer.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f6eb392dfd2278025115832e887f01fa7b6d2e8adc85adba9cd72abce01b9951?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f6eb392dfd2278025115832e887f01fa7b6d2e8adc85adba9cd72abce01b9951?s=96&d=mm&r=g","caption":"wimzcomputer"},"logo":{"@id":"https:\/\/wimzcomputer.com\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/157.245.148.154"],"url":"https:\/\/wimzcomputer.com\/index.php\/author\/wimzcomputer\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/wimzcomputer.com\/wp-content\/uploads\/2025\/02\/logo-g6e86769cd_1920.png?fit=1920%2C1920&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/posts\/681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/comments?post=681"}],"version-history":[{"count":2,"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/posts\/681\/revisions"}],"predecessor-version":[{"id":7231,"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/posts\/681\/revisions\/7231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/media\/4456"}],"wp:attachment":[{"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/media?parent=681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/categories?post=681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wimzcomputer.com\/index.php\/wp-json\/wp\/v2\/tags?post=681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}