{"id":1335,"date":"2021-01-29T15:30:31","date_gmt":"2021-01-29T08:30:31","guid":{"rendered":"https:\/\/www.yellowweb.id\/blog\/?p=1335"},"modified":"2021-01-29T17:18:23","modified_gmt":"2021-01-29T10:18:23","slug":"html-video-background-css","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/","title":{"rendered":"HTML Video Background CSS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Bagaimana caranya membuat sebuah background halaman web dengan menggunakan video. Jadi memang terlihat tidak biasa, adapun yang harus dipersiapkan adalah sumber dari video tersebut kemudian, penggunaan tag html video (html multimedia).<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Untuk membuat sebuah latar dengan menggunakan video, tag html yang akan digunakan adalah tag html video (html multimedia).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teknik yang akan digunakan pada pembuatan latar video ini adalah teknik position milik css dan z-index. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">file index.html<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n\t&lt;title&gt;CSS Video Background&lt;\/title&gt;\n\t&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"video.css\"&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n\t&lt;video autoplay muted loop id=\"my-vid\"&gt;\n\t\t&lt;source src=\"my-vid.mp4\"&gt;\n\t&lt;\/video&gt;\n\n\t&lt;div id=\"my-title\"&gt;\n\t\t&lt;h1&gt;horizon zero dawn&lt;\/h1&gt;\n\t&lt;\/div&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">file video.css<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* Video Background CSS *\/\n@font-face{\n\tsrc:url(\"horizon-font.ttf\");\n\tfont-family: 'HorizonFont';\n}\n\n*{\n\tpadding: 0;\n\tmargin: 0;\n}\n\nvideo{\n\twidth: 100%;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tz-index: -1;\n}\n\n#my-title{\n\tz-index: 1;\n\tfont-family: 'HorizonFont', serif;\n\tcolor: #ffffff;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\theight: 500px;\n\tfont-size: 50px;\n}\n\n@media only screen and (max-width: 600px){\n\t#my-title{\n\t\theight: 300px;\n\t}\n\n\t#my-title h1{\n\t\tfont-size: 30px;\n\t}\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">untuk video dan jenis hurufnya teman-teman bisa ambil langsung, sudah disertakan diartikel ini.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teknik ini tidak terlalu sulit, hanya mungkin bilamana tampilan layout ingin menyesuaikan beberapa perangkat sekaligus (responsive web), maka harus diatur untuk media query-nya.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Videonya dapat dilihat dibawah ini:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"HTML Video Background\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/puHz1p5ZmQQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class='w3eden'><!-- WPDM Link Template: Default Template -->\n\n<div class=\"link-template-default card mb-2\">\n    <div class=\"card-body\">\n        <div class=\"media\">\n            <div class=\"mr-3 img-48\"><img decoding=\"async\" class=\"wpdm_icon\" alt=\"Icon\" src=\"https:\/\/www.yellowweb.id\/blog\/wp-content\/plugins\/download-manager\/assets\/file-type-icons\/zip.svg\" \/><\/div>\n            <div class=\"media-body\">\n                <h3 class=\"package-title\"><a href='https:\/\/www.yellowweb.id\/blog\/download\/html-video-background\/'>HTML Video Background<\/a><\/h3>\n                <div class=\"text-muted text-small\"><i class=\"fas fa-copy\"><\/i> 1 file(s) <i class=\"fas fa-hdd ml-3\"><\/i> 1.70 MB<\/div>\n            <\/div>\n            <div class=\"ml-3\">\n                <a class='wpdm-download-link download-on-click btn btn-primary ' rel='nofollow' href='#' data-downloadurl=\"https:\/\/www.yellowweb.id\/blog\/download\/html-video-background\/?wpdmdl=1340&refresh=6a1ab15dc260e1780134237\">Download<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons aligncenter is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/www.yellowweb.id\/demo\/html-video-background\/\" target=\"_blank\" rel=\"noreferrer noopener\">DEMO<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">sumber:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.w3schools.com\/html\/html5_video.asp\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.w3schools.com\/html\/html5_video.asp<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.w3schools.com\/cssref\/css3_pr_mediaquery.asp\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.w3schools.com\/cssref\/css3_pr_mediaquery.asp<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.fontspace.com\/category\/horizon-zero-dawn\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.fontspace.com\/category\/horizon-zero-dawn<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bagaimana caranya membuat sebuah background halaman web dengan menggunakan video. Jadi memang terlihat tidak biasa, adapun yang harus dipersiapkan adalah sumber dari video tersebut kemudian, penggunaan tag html video (html multimedia).<\/p>\n","protected":false},"author":1,"featured_media":1338,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,43],"tags":[8,13,412,31,4],"class_list":["post-1335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-html","tag-css","tag-html","tag-media-query","tag-web-desain","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML Video Background CSS - YELLOWWEB.ID<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Video Background CSS - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Bagaimana caranya membuat sebuah background halaman web dengan menggunakan video. Jadi memang terlihat tidak biasa, adapun yang harus dipersiapkan adalah sumber dari video tersebut kemudian, penggunaan tag html video (html multimedia).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-29T08:30:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-29T10:18:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2021\/01\/html-video-back.jpg?fit=1200%2C630&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"HTML Video Background CSS\",\"datePublished\":\"2021-01-29T08:30:31+00:00\",\"dateModified\":\"2021-01-29T10:18:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/\"},\"wordCount\":157,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/html-video-back.jpg\",\"keywords\":[\"css\",\"html\",\"media query\",\"web desain\",\"web design\"],\"articleSection\":[\"CSS\",\"HTML\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/\",\"name\":\"HTML Video Background CSS - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/html-video-back.jpg\",\"datePublished\":\"2021-01-29T08:30:31+00:00\",\"dateModified\":\"2021-01-29T10:18:23+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/html-video-back.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/html-video-back.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Background with Video\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/html-video-background-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Video Background CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Video Background CSS - YELLOWWEB.ID","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:\/\/www.yellowweb.id\/blog\/html-video-background-css\/","og_locale":"en_GB","og_type":"article","og_title":"HTML Video Background CSS - YELLOWWEB.ID","og_description":"Bagaimana caranya membuat sebuah background halaman web dengan menggunakan video. Jadi memang terlihat tidak biasa, adapun yang harus dipersiapkan adalah sumber dari video tersebut kemudian, penggunaan tag html video (html multimedia).","og_url":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2021-01-29T08:30:31+00:00","article_modified_time":"2021-01-29T10:18:23+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2021\/01\/html-video-back.jpg?fit=1200%2C630&ssl=1","type":"image\/jpeg"}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"HTML Video Background CSS","datePublished":"2021-01-29T08:30:31+00:00","dateModified":"2021-01-29T10:18:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/"},"wordCount":157,"commentCount":0,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2021\/01\/html-video-back.jpg","keywords":["css","html","media query","web desain","web design"],"articleSection":["CSS","HTML"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/","url":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/","name":"HTML Video Background CSS - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2021\/01\/html-video-back.jpg","datePublished":"2021-01-29T08:30:31+00:00","dateModified":"2021-01-29T10:18:23+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2021\/01\/html-video-back.jpg","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2021\/01\/html-video-back.jpg","width":1200,"height":630,"caption":"Background with Video"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/html-video-background-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML Video Background CSS"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=1335"}],"version-history":[{"count":9,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1335\/revisions"}],"predecessor-version":[{"id":1346,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1335\/revisions\/1346"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/1338"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=1335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=1335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=1335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}