FSF Heroes video ebmed code

To embed the FSF Heroes video in your website, you may use the following html code:

<iframe src="https://static.fsf.org/nosvn/videos/fsf-heroes/" id="fsf-heroes-video" scrolling="no"
    style="overflow: hidden; margin: 0; border: 0 none; display: block; width: 100%; height: 67vw; max-height: 550px;">
</iframe>

Or your could use the following for video autoplay, which is not supported by all browsers:

<iframe src="https://static.fsf.org/nosvn/videos/fsf-heroes/autoplay/" id="fsf-heroes-video" scrolling="no"
    style="overflow: hidden; margin: 0; border: 0 none; display: block; width: 100%; height: 67vw; max-height: 550px;">
</iframe>

You may want to adjust the max-height setting so that there are no black borders or padding at the bottom of the video embed when your screen is full width. Note that if your page has a responsive theme, the video should scale down pretty well if the div containing the video embed is fairly close to full width of the device's screen.