Generally, we recommend using Simplero's media library when adding videos to your site. This makes it possible for us to make the videos fully responsive and usable in different types of content. But, if you for some reason want to embed a video, usually from YouTube or Vimeo, there are a couple of things to consider to ensure a good experience for your participants, especially if they are watching from mobile devices.
First of all, you need to ensure the video you are trying to embed comes from an https:// source – if it comes from an http:// source it can't be embedded in a Simplero site.
Youtube and Vimeo videos are embedded in what are called "iframes," and this causes potential problems since the iframe has a fixed width. By default, this width is greater than that of a mobile phone, so it'll break the layout when people visit your site from their mobile devices.
So, if you want to keep your pages in your site responsive, you'll need to change the width in the embed code for the video. Here's how you do this for YouTube videos:
If done correctly the video will show as seen below in the editor when you save the source code.
When seen in the site from a PC, it is rather small, but your participants can then use the full-screen option, and on mobile it allows the rest of the space to resize properly.
You can embed videos from your Vimeo account. In order to do so, Vimeo requires the URL where the vimeos will be embedded to allow them to play.
If you are offering the Simplero App, you will also need to add the app URL: https://mobileapp.simplero.com