Video Code and Instructions

Each section has the code to copy and a working example.

Instructions:

Copy the type of code you need and paste it into a local text editor.
Edit the pink sections with the info for your video.
On your microsite page, add a content box with the content type Rich Text Editor.
On the Rich Text Editor toolbar, click the <> symbol to open a source code box. Paste your edited code in that source code box and click ok.
If your links are correct, your video should be display.

Video on Youtube

If the video is on youtube it can be placed on a microsite page using this code. The video must be captioned to be ADA compliant. The dimensions should be 480x360 to display properly on mobile devices.

<p style="text-align: center;">
<iframe
width="109"
height="82"
src="https://www.youtube.com/embed/vE8GvjRXKJs?loop=1&playlist=vE8GvjRXKJs"
srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=https://www.youtube.com/embed/vE8GvjRXKJs?autoplay=1&loop=1&playlist=vE8GvjRXKJs><img src=https://img.youtube.com/vi/vE8GvjRXKJs/hqdefault.jpg alt='Video Working at Amazing Lash Studio'><span>▶</span></a>"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
title="Working at Amazing Lash Studio"
></iframe></p>

Video hosted on another site like a news station

To link to a video hosted on another site, you'll need to upload a video thumbnail image into Umbraco that will serve as the button to click. Umbraco will create a media link to the image. Paste that link into this code.