{"id":27844,"date":"2022-04-25T06:34:08","date_gmt":"2022-04-25T06:34:08","guid":{"rendered":"http:\/\/add-movement-to-your-landing-page-with-videos"},"modified":"2022-04-25T06:34:08","modified_gmt":"2022-04-25T06:34:08","slug":"add-movement-to-your-landing-page-with-videos","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/","title":{"rendered":"Add Movement to Your Landing Page with Videos"},"content":{"rendered":"

Designing and structuring our website depends on the type of business, some businesses require little graphical application, and some require more. In this tutorial, we will be showing how we can add a video to our landing page using basic HTML and CSS like the one below.<\/p>\n

\"\"<\/p>\n

Prerequisite<\/h2>\n
    \n
  1. Basic knowledge of HTML and CSS<\/li>\n
  2. A text Editor<\/li>\n<\/ol>\n

    Creating the HTML file<\/h2>\n

    First, we need to create our index.html<\/code> file, after which we start writing our HTML code. For that, paste the code below.<\/p>\n

    <!DOCTYPE html<\/span>><\/span>\n<html<\/span> lang<\/span>=\"en\"<\/span>><\/span>\n  <head<\/span>><\/span>\n    <meta<\/span> charset<\/span>=\"UTF-8\"<\/span> \/><\/span>\n    <meta<\/span> http-equiv<\/span>=\"X-UA-Compatible\"<\/span> content<\/span>=\"IE=edge\"<\/span> \/><\/span>\n    <meta<\/span> name<\/span>=\"viewport\"<\/span> content<\/span>=\"width=device-width, initial-scale=1.0\"<\/span> \/><\/span>\n    <title<\/span>><\/span>Video Background<\/title<\/span>><\/span>\n  <\/head<\/span>><\/span>\n  <body<\/span>><\/span>\n        \n  <\/body<\/span>><\/span>\n<\/html<\/span>><\/span>   \n<\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n
    Add Video To HTML File<\/h2>\n
    After creating the index.html<\/code>  file, next is to add  the video to the  body<\/code> tag.\nPaste the code snippet below in the body<\/code> tag.<\/p>\n
    <video<\/span> autoplay<\/span> muted<\/span> loop<\/span> id<\/span>=\"videoBg\"<\/span>><\/span>\n  <source<\/span> src<\/span>=\"congrats.mp4\"<\/span> type<\/span>=\"video\/mp4\"<\/span> \/><\/span>\n<\/video<\/span>><\/span>\n<\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n
    We used the video tag to display our background video, adding some attributes as mentioned below,<\/p>\n
    autoplay<\/strong>: this HTML attribute plays the video automatically as the page renders.\nmuted<\/strong>: this attribute mutes all audio sounds of the video.\nloop<\/strong>: it allows for a continuous play of the video.<\/p>\n
    Adding Styling  to  the Video<\/h2>\n
    ****\n<style<\/span>><\/span>\n\/* make sure everything is within the body tag *\/<\/span>\n* {\n    box-sizing<\/span>: border-box;\n  }\n          \n\/* make sure there's no external margin or padding affecting the page apart the one you set and also set font family *\/<\/span>\nbody<\/span> {\n  padding<\/span>: 0<\/span>;\n  margin<\/span>: 0<\/span>;\n  font-family<\/span>: Verdana, Geneva, Tahoma, sans-serif;\n}\n\/* 100% width and height to cover the entire window  *\/<\/span>\n#videoBg<\/span> {\n  position<\/span>: fixed;\n  right<\/span>: 0<\/span>;\n  bottom<\/span>: 0<\/span>;\n  min-width<\/span>: 100%<\/span>;\n  min-height<\/span>: 100%<\/span>;\n}\n\n<\/span><\/style<\/span>><\/span>\n<\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n
    First, we give the body tag some padding, margin, and font family to look appealing. We then styled the videoBg<\/strong> id as stated above.<\/p>\n
    The videoBg id<\/strong>: this style is focused on the video. We assign a fixed position with a right, left of 0 to center the video, then a minimum and maximum width.<\/p>\n
    Adding Overlay Content<\/h2>\n
    Now that we have our video displayed, the next is to add overlaying content to the video. To do that, paste the code below into the body tag.<\/p>\n
    <div<\/span> id<\/span>=\"overlay\"<\/span>><\/span>\n  <div<\/span> class<\/span>=\"content\"<\/span>><\/span>\n    <h1<\/span>><\/span>Heading<\/h1<\/span>><\/span>\n      <p<\/span>><\/span>\n        People's relationship with work has started to change. The view on\n        fixed work spaces and workers needing to gather under the same office\n        roof \u2013 something that has been considered the norm since the\n        Industrial Revolution \u2013 has started to change.\n      <\/p<\/span>><\/span>\n    <button<\/span>><\/span>NEWS<\/button<\/span>><\/span>\n  <\/div<\/span>><\/span>\n<\/div<\/span>><\/span>\n<\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n
    We defined another section using the div tag; the above contains the text on top of the video, with a class and id to style the contents.<\/p>\n
    Styling Overlay Content<\/h2>\n
    To style the contents on top of the video, paste the below code into the style tag.<\/p>\n
    <style<\/span>><\/span>\n\/* content below the vidoe *\/<\/span>\n.content<\/span> {\n  position<\/span>: absolute;\n  top<\/span>: 0<\/span>;\n  background<\/span>: rgba<\/span>(139<\/span>, 21<\/span>, 21<\/span>, 0.5<\/span>);\n  color<\/span>: #f1f1f1<\/span>;\n  width<\/span>: 100%<\/span>;\n  padding<\/span>: 20px<\/span>;\n  text-align<\/span>: center;\n}\n    \nbutton<\/span>{\n  background-color<\/span>: #008CBA<\/span>; \/* Green *\/<\/span>\n  border<\/span>: none;\n  color<\/span>: white;\n  padding<\/span>: 15px<\/span> 32px<\/span>;\n  text-align<\/span>: center;\n  text-decoration<\/span>: none;\n  display<\/span>: inline-block;\n  font-size<\/span>: 16px<\/span>;\n}\n    \n#overlay<\/span> {\n  position<\/span>: fixed; \n  width<\/span>: 100%<\/span>; \n  height<\/span>: 100%<\/span>; \n  top<\/span>: 0<\/span>;\n  left<\/span>: 0<\/span>;\n  right<\/span>: 0<\/span>;\n  bottom<\/span>: 0<\/span>;\n  background-color<\/span>: rgba<\/span>(0<\/span>,0<\/span>,0<\/span>,0.5<\/span>); \n  z-index<\/span>: 2<\/span>; \n  cursor<\/span>: pointer;\n} \n<\/span><\/style<\/span>><\/span>\n<\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n
    The content class:<\/strong> this style is for the text on top of the video. We assign an absolute position to the text to make it on top of the video, then some other styling like background color for visibility, padding, and text center to center the text.<\/p>\n
    The overlay id:<\/strong> This style is to insert an overlay for our header, making sure text will be visible.<\/p>\n
    \n
    These styles allow us to have an appealing video background on the header of our application. There are several ways of achieving such implementations, some with much CSS while others with less, just as we demonstrated with minimum CSS.<\/p>\n
    Conclusion<\/h2>\n
    Implementing video background will now be a thing of the past, as we have shown in this tutorial how easy it is to implement that without Javascript. Source codes are available on codesandbox<\/a>.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":27845,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[75,134,145,370,371],"class_list":["post-27844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-css","tag-guest-post","tag-html5","tag-image","tag-under-review"],"acf":[],"yoast_head":"\nAdd Movement to Your Landing Page with Videos<\/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:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Movement to Your Landing Page with Videos\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-25T06:34:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Add Movement to Your Landing Page with Videos\",\"datePublished\":\"2022-04-25T06:34:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/\"},\"wordCount\":8,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926120\/Web_Assets\/blog\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce.png?_i=AA\",\"keywords\":[\"CSS\",\"Guest Post\",\"HTML5\",\"Image\",\"Under Review\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2022\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/\",\"url\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/\",\"name\":\"Add Movement to Your Landing Page with Videos\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926120\/Web_Assets\/blog\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce.png?_i=AA\",\"datePublished\":\"2022-04-25T06:34:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926120\/Web_Assets\/blog\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926120\/Web_Assets\/blog\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce.png?_i=AA\",\"width\":1902,\"height\":920},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Movement to Your Landing Page with Videos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Add Movement to Your Landing Page with Videos","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:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/","og_locale":"en_US","og_type":"article","og_title":"Add Movement to Your Landing Page with Videos","og_url":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/","og_site_name":"Cloudinary Blog","article_published_time":"2022-04-25T06:34:08+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/"},"author":{"name":"","@id":""},"headline":"Add Movement to Your Landing Page with Videos","datePublished":"2022-04-25T06:34:08+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/"},"wordCount":8,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926120\/Web_Assets\/blog\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce.png?_i=AA","keywords":["CSS","Guest Post","HTML5","Image","Under Review"],"inLanguage":"en-US","copyrightYear":"2022","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/","url":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/","name":"Add Movement to Your Landing Page with Videos","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926120\/Web_Assets\/blog\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce.png?_i=AA","datePublished":"2022-04-25T06:34:08+00:00","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926120\/Web_Assets\/blog\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926120\/Web_Assets\/blog\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce.png?_i=AA","width":1902,"height":920},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/guest_post\/add-movement-to-your-landing-page-with-videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Add Movement to Your Landing Page with Videos"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681926120\/Web_Assets\/blog\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce\/fdfeae3682cf3f18268bb50f909c970e87c38ffa-1902x920-1_27845188ce.png?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/27844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=27844"}],"version-history":[{"count":0,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/27844\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/27845"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=27844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=27844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=27844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}