Embed YouTube Video into Your eWaiver
It's simple to add a YouTube videos to your eWaivers.
YouTube videos do not resize by default, so in order to guarantee that your videos will resize with all user's devices, please follow these instructions:
Inside of a Formatted Paragraph module in your eWaiver, please click the Source Code icon from the editor
Once the source code is visible, please copy the following custom embed code and paste it into your eWaiver where you would like it to be visible.
HINT: If you are not familiar with html code, we've found it's easier to add a new Formatted Paragraph module just for your video.
COPY AND PASTE THIS CODE:
<code><div style="width: 100%; min-width: 400px; max-width: 800px;"> <div style="position: relative; width: 100%; overflow: hidden; padding-top: 56.25%;"> <p><iframe style="position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;" src="YOUTUBE VIDEO LINK" width="560" height="315" allowfullscreen="allowfullscreen" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe></p> </div> </div>
- After pasting this mobile responsive embed code, go to your YouTube video.
- Click SHARE, and then copy the link to your video.
- Replace the YOUTUBE VIDEO LINK in the code with the link for the video you want to embed.
- Save your eWaiver
Example:
<code><div style="width: 100%; min-width: 400px; max-width: 800px;"> <div style="position: relative; width: 100%; overflow: hidden; padding-top: 56.25%;"> <p><iframe style="position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;" src="https://youtu.be/3YyyO1TUsDY?si=XXx9Sx8CE5W7h59v" width="560" height="315" allowfullscreen="allowfullscreen" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe></p> </div> </div>
You can see this in action by viewing our demo eWaiver: https://ewaiverpro.app/edoc/attractions-simple