How I embed video on blog post using Hugo CMS

I used Hugo static CMS to manage content on all of my blogs. But there’s a problem with embedding video on the blog post. When I put the embedded codes for the video, it’s not showing on the blog post. In my case, the blog post files are in markdown format. But, as far as I know, it’s always possible to put HTML tags inside the markdown file.

Reason why the embedded video is not showing

After inspecting the HTML element, I don’t see the embedded codes for the video there. I figured out that by default, Hugo stripped off the HTML tags that it considered dangerous: the embed and iframe tags.

That means I need to figure out how to change such behavior to allow those HTML tags.

Temporary solution

After searching here and there, I get a temporary solution to allow those HTML tags to render. Here are the details:

  • Open the Hugo config file.
  • Add these two lines of codes:
[markup.goldmark.renderer]
  unsafe = true
  • Voila, the embedded video now renders on the blog post.
  • Last, remember to deploy it to the server and restart it.

I know this is not an ideal solution. But it fixes the problem for now.

Related Posts