{"id":1311,"date":"2020-09-10T10:54:20","date_gmt":"2020-09-10T07:54:20","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=1311"},"modified":"2020-09-10T10:56:36","modified_gmt":"2020-09-10T07:56:36","slug":"html-js-video-embed","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/html-js-video-embed\/","title":{"rendered":"Video Management With HTML And JavaScript"},"content":{"rendered":"<p>Since video content is a booming business on the Internet, HTML and JavaScript are crucial parts of video managing, and they play a large role in user experience. Therefore, it\u2019s important to learn the basics of HTML and JavaScript, and put out successful and accessible video content online. Then, you must learn the three basic aspects of video management, as you keep in mind HTML and JavaScript.<\/p>\n<p><!--more--><\/p>\n<h2>HTML<\/h2>\n<p><a href=\"\/editor\/\">HTML is the easiest way<\/a> to include video on your pages. Just use <a target=\"_blank\" rel=\"external nofollow noopener noreferrer\" href=\"https:\/\/html-css-js.com\/html\/tags\/#video\">the &lt;video&gt; element<\/a>, and you can embed a video. Here are the most useful &lt;video&gt; attributes:<\/p>\n<p class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg\" alt=\"html video tag\"><\/p>\n<ul>\n<li>[<strong>controls<\/strong>] is a basic control bar that has buttons for playback, volume, and a progress bar. You can also control settings for media download, full-screen, and picture-in-picture.<\/li>\n<li>[<strong>autoplay<\/strong>] begins playback while the rest of your page loads (not ideal for iOS; and browsers like Chrome 70.0 will need the [<strong>mute<\/strong>] attribute for autoplay to work).<\/li>\n<li>[<strong>loop<\/strong>] is your attribute for playbacks.<\/li>\n<li>[<strong>muted<\/strong>] is when media has no sound by default, and it has a default value of \u201cfalse.\u201d Therefore, set it to \u201ctrue\u201d to apply [muted].<\/li>\n<li>[<strong>poster<\/strong>] displays an image (i.e. an ad) before playback starts. It won\u2019t show if [autoplay] is there.<\/li>\n<li>[<strong>preload<\/strong>] is used for buffering media. [none] is for no buffering, [auto] for buffering on site load, and [metadata] for buffering metadata only.<\/li>\n<li>[<strong>height<\/strong>] and [<strong>width<\/strong>] lets you define video height and width without using CSS.<\/li>\n<\/ul>\n<p>An alternative to &lt;video&gt; is <a target=\"_blank\" rel=\"external nofollow noopener noreferrer\" href=\"https:\/\/html-css-js.com\/html\/tags\/#iframe\">&lt;iframe&gt; which embeds<\/a> video from external sources (i.e. <a target=\"_blank\" rel=\"external nofollow noopener noreferrer\" href=\"https:\/\/youtu.be\/1YlQZkzSLUs\">YouTube<\/a> or Vimeo). Use &lt;iframe&gt; to embed external HTML pages into your page. However, use &lt;video&gt; to customize your video.<\/p>\n<h2>JavaScript (JS)<\/h2>\n<p><a href=\"\/articles\/category\/javascript\/\">JavaScript<\/a> works well with &lt;video&gt; since it lets you return information from video methods, events, and properties through the Document Object Model (DOM), which acts as the interface between your HTML and JS functions.<\/p>\n<p>First, familiarize yourself with the <a target=\"_blank\" rel=\"external nofollow noopener noreferrer\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLMediaElement\">HTMLMediaElement API<\/a>, which lets you programmatically control and monitor video players; and, it\u2019s supported by all browsers.<\/p>\n<p>When creating scripts for managing your video content, use the following open-source audio\/video tools:<\/p>\n<ul>\n<li><a target=\"_blank\" rel=\"external nofollow noopener noreferrer\" href=\"https:\/\/jplayer.org\/\">jPlayer<\/a>, a <a target=\"_blank\" rel=\"external nofollow noopener noreferrer\" href=\"https:\/\/htmlcheatsheet.com\/jquery\/\">jQuery<\/a> plugin with comprehensive API, includes multi-codec and cross-platform support.<\/li>\n<li>js is a media <a href=\"\/articles\/most-popular-javascript-frameworks-2020\/\">framework<\/a> that supports media files, streaming content, and embedded players, making it a standalone library or via plug-ins.<\/li>\n<\/ul>\n<h2>Tips On Video Management<\/h2>\n<p>To customize your video content, and improve user experience and site performance, follow these three basic aspects on video management:<\/p>\n<ul>\n<li><em>Responsive Sizing<\/em>: Responsive media (videos or images) adjust to a user device\u2019s size and format, meaning that it should automatically adjust when a screen or rotated.<\/li>\n<\/ul>\n<p>So, when making videos responsive, they should maintain their aspect ratio, regardless of how height and width are defined (4:3 is standard, 16:9 is HD, and 1:1 is for Instagram). Any additional space will be filled with a solid background color by default.<\/p>\n<p>Outside the &lt;video&gt; tag, CSS is used to set the [width] to 100%, and [height] to [auto], to expand your video to the maximum available size. Otherwise, use [max-width] to display your video at a specific size, but scale down when necessary.<\/p>\n<p>Use [iframe], and then a wrapper with a set aspect ratio (or use JS and jQuery), to adjust height and width.<\/p>\n<ul>\n<li><em>Text Tracks<\/em>: Text tracks are used to increase video accessibility. These tracks are added on top of video files using <a target=\"_blank\" rel=\"external nofollow noopener noreferrer\" href=\"https:\/\/www.w3.org\/TR\/webvtt1\/\">WebVTT files<\/a> and &lt;track&gt;. While WebVTT files define the text to be displayed and include metadata (i.e. timing, styling, and positioning), &lt;track&gt; defines .vtt file sources and informs browsers of the track type.<\/li>\n<\/ul>\n<p>Here are the most commonly included tracks:<\/p>\n<ul>\n<li>Subtitles are text translations of dialog into another language.<\/li>\n<li>Captions are transcriptions of dialog or sounds for the hearing-impaired.<\/li>\n<li>Timed descriptions are text spoken aloud for the visually-impaired.<\/li>\n<li><em>Formatting<\/em>: Video format determines whether or not your content is playable on a user\u2019s device. Therefore, always have a preferred format and (at least) one fallback format.<\/li>\n<\/ul>\n<p>In addition, your first video &lt;source&gt; elements will be the default. Any other &lt;source&gt; elements that follow are fallback formats. Your user\u2019s browser will go from top to bottom through sources until it finds one that\u2019s supported.<\/p>\n<h2>Conclusion<\/h2>\n<p><img decoding=\"async\" class=\"floatright alignright\" alt=\"author\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/michael-dehoyos.jpg\">As you keep in mind HTML and JavaScript, and remember the three basics on video management, you\u2019ll be able to better optimize your videos, and ensure a positive experience for your users.<\/p>\n<p>If you don&#8217;t want to struggle with videos you can upload them to Youtube and embed them. The platform of the World&#8217;s largest online video platform will provide a compatible solution with any web browser.<\/p>\n<p><em>Michael Dehoyos writes and edits at <a target=\"_blank\" rel=\"external nofollow noopener noreferrer\" href=\"https:\/\/academicbrits.com\/write-my-research-paper\">Academic Brits<\/a> and Origin Writings. As a web developer, he helps companies improve their marketing strategies and concepts.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Since video content is a booming business on the Internet, HTML and JavaScript are crucial parts of video managing, and they play a large role in user experience. Therefore, it\u2019s important to learn the basics of HTML and JavaScript, and put out successful and accessible video content online. Then, you must learn the three basic &hellip; <a href=\"https:\/\/html-online.com\/articles\/html-js-video-embed\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Video Management With HTML And JavaScript&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,5],"tags":[],"class_list":["post-1311","post","type-post","status-publish","format-standard","hentry","category-html","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Video Management With HTML And JavaScript | HTML Video Tag<\/title>\n<meta name=\"description\" content=\"Since video content is a booming business on the Internet, HTML and JavaScript are crucial parts of video managing, and they play a large role in UX\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/html-js-video-embed\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Management With HTML And JavaScript | HTML Video Tag\" \/>\n<meta property=\"og:description\" content=\"Since video content is a booming business on the Internet, HTML and JavaScript are crucial parts of video managing, and they play a large role in UX\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/html-js-video-embed\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-10T07:54:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-10T07:56:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Video Management With HTML And JavaScript\",\"datePublished\":\"2020-09-10T07:54:20+00:00\",\"dateModified\":\"2020-09-10T07:56:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/\"},\"wordCount\":814,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg\",\"articleSection\":[\"HTML\",\"JavaScript\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/\",\"url\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/\",\"name\":\"Video Management With HTML And JavaScript | HTML Video Tag\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg\",\"datePublished\":\"2020-09-10T07:54:20+00:00\",\"dateModified\":\"2020-09-10T07:56:36+00:00\",\"description\":\"Since video content is a booming business on the Internet, HTML and JavaScript are crucial parts of video managing, and they play a large role in UX\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/html-js-video-embed\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/html-js-video-embed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Video Management With HTML And JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Video Management With HTML And JavaScript | HTML Video Tag","description":"Since video content is a booming business on the Internet, HTML and JavaScript are crucial parts of video managing, and they play a large role in UX","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:\/\/html-online.com\/articles\/html-js-video-embed\/","og_locale":"en_GB","og_type":"article","og_title":"Video Management With HTML And JavaScript | HTML Video Tag","og_description":"Since video content is a booming business on the Internet, HTML and JavaScript are crucial parts of video managing, and they play a large role in UX","og_url":"https:\/\/html-online.com\/articles\/html-js-video-embed\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2020-09-10T07:54:20+00:00","article_modified_time":"2020-09-10T07:56:36+00:00","og_image":[{"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Video Management With HTML And JavaScript","datePublished":"2020-09-10T07:54:20+00:00","dateModified":"2020-09-10T07:56:36+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/"},"wordCount":814,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg","articleSection":["HTML","JavaScript"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/","url":"https:\/\/html-online.com\/articles\/html-js-video-embed\/","name":"Video Management With HTML And JavaScript | HTML Video Tag","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg","datePublished":"2020-09-10T07:54:20+00:00","dateModified":"2020-09-10T07:56:36+00:00","description":"Since video content is a booming business on the Internet, HTML and JavaScript are crucial parts of video managing, and they play a large role in UX","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/html-js-video-embed\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2020\/09\/html-video-tag.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/html-js-video-embed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Video Management With HTML And JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=1311"}],"version-history":[{"count":3,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1311\/revisions"}],"predecessor-version":[{"id":1314,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/1311\/revisions\/1314"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=1311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=1311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=1311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}