Embedding Videos

Videos can be one of the best mul­ti­me­dia approach­es you can explore on your web­site. Mies offers a lot of flex­i­bil­i­ty when it comes to make the most out of them. In this arti­cle we will walk you through the var­i­ous options you have in adding videos to your pages or projects.

Step 1 — How to Embed Videos?

One of the great­est things about WordPress’s func­tion­al­i­ty is that allows you to eas­i­ly embed videos from a wide range of ser­vices out there. Just copy and paste the link from the sup­port­ed ser­vices in the Word­Press edi­tor and it will auto­mat­i­cal­ly be trans­formed into a video (screen­shot).

You can use this func­tion­al­i­ty in your pages or projects con­tent sec­tions (obvi­ous­ly on blog posts too). How­ev­er, you can also play around with videos in the Descrip­tion field of the Hero Areas. This will allow you to have a video over a back­ground image, both embell­ished by smooth par­al­lax effects. Here is a demo project that has a video in a Hero Area, just to get a bet­ter feel of what can be achieved.

Step 2 -How to add Background Videos in the Hero Area?

You can achieve even bet­ter results by adding back­ground videos in the hero area. This way, you have the chance to grab atten­tion from the scratch. This is quite straight for­ward, so here we go.

Any Media Library image has some cus­tom fields added by the theme. One of these is Cus­tom Video URL that allows you to attach a video URL to that image. You can use only YouTube or Vimeo videos.

Go to the edit screen of the page or project, and click on the Hero Area images in the right side­bar (screen­shot).

The Edit Gallery modal win­dow will open up. Click on the image you wish to trans­form into a video and you will see on the right-hand side the fields attached to it. At the bot­tom, there will be the Cus­tom Video URL field togeth­er with a check­box regard­ing auto­play (screen­shot).

Now click on Update Gallery and save your page or project to share it with the world.

Bare 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 respon­sive video (even if it’s a sin­gle image or mul­ti­ple ones — a slideshow).

As a side note, is good to men­tion that the audio com­po­nent of the video will not be present when you have just a sin­gle image in the Hero Area, but only when there is a slideshow.

This article applies to Mies, as they share the same underlying structure.

Updated on May 8, 2017

Was this article helpful?