Updated: 19 December 2017

Inserting videos, music and other embed contents

To insert videos inside your forms, you just need to paste the embed code directly.

If you want it as a field, you can use the HTML field like the image below:

If you want you can use one of the following code snippets:

YouTube

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;"><iframe src="https://www.youtube.com/embed/V-uPeHys-0M" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="700" height="394" frameborder="0"></iframe></div>

Vimeo

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;"><iframe src="http://player.vimeo.com/video/66140585" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="700" height="394" frameborder="0"></iframe></div>

Dailymotion

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;"><iframe src="http://www.dailymotion.com/embed/video/xsr67x" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" width="700" height="394" frameborder="0"></iframe></div>

Already responsive content

The embed codes offered by the following services are already responsive:

  • Scribd (select "Autosize")
  • SoundCloud
  • Storify
  • Twitter