Embedding Videos

Videos can be one of the best multimedia approaches you can explore on your website. Mies offers a lot of flexibility when it comes to making the most out of them. In this article, we will walk you through the various options you have in adding videos to your pages or projects.

Embed videos in your content

One of the great things about WordPress’ functionality is that it allows you to embed videos from a wide range of services easily. Just copy and paste the link from the supported services in the WordPress editor, and it will automatically be transformed into a video. View the screenshot for details.

You can use this functionality in your pages, blog posts, or projects content sections. You can also play around with videos in the Description field of the Hero Areas.

This will allow you to have a video over a background image, both embellished by smooth parallax effects. Here is a demo project with a video in a Hero Area to better understand what can be achieved.

Add background videos in the Hero Area

You can achieve even better results by adding background videos in the Hero Area—the first area people see when loading the page. This way, you have the chance to grab attention from the beginning.

All Media Library images have a few custom fields added by the theme. One of these is Custom Video URL that allows you to attach a video URL to that image. You can use only YouTube or Vimeo videos.

Here’s how you can use a video instead of an image in the Hero Area:

  • Go to the edit screen of the page or project, and click on the Hero Area images in the right sidebar;
  • The Edit Gallery modal window will open up. Click on the image you wish to transform into a video, and you will see on the right-hand side the fields attached to it.
  • At the bottom, there will be the Custom Video URL field together. Paste your URL in that field.
  • Now click on Update Gallery and save your page or project to share it with the world.

Bear in mind that each time we will find an image in the Hero Area that has a video URL attached, we will replace it with a responsive video (even if it’s a single image or multiple ones).

As a side note, it is good to mention that the audio component of the video will not be present when you have just a single image in the Hero Area, but only when there is a slideshow.

Updated on April 1, 2021

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.