To embed the Fight to Repair video in your website, you may use the following HTML code:
<iframe src="https://www.fsf.org/videos/fight-to-repair/iframe.html" id="fight-to-repair-iframe" scrolling="no" style="overflow: hidden; margin: 0; border: 0 none; display: block; width: 100%; height: 600px"></iframe>
<script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
window.onmessage = function (e) { if (e.data.hasOwnProperty("fsfIframeHeight")) { document.getElementById('fight-to-repair-iframe').style.height=`${e.data.fsfIframeHeight}px`; } };
// @license-end
</script>
You may want to adjust the height setting to set the initial
iframe size based on the width of your page. With the included JavaScript code,
the iframe will vertically resize when the page loads. If the video is too
large on some screens, consider adding something like max-width:
500px; to the iframe's style.
If you are unable to use <script> tags in your embed, you
may want to experiment with using the following code, which works well on
devices of different sizes without JavaScript:
<div style="position: relative; height: 100px; padding-bottom: 60%">
<iframe src="https://static.fsf.org/nosvn/videos/fight-to-repair/iframe.html" id="fight-to-repair-iframe" scrolling="no" style="position: absolute; overflow: hidden; margin: 0; border: 0 none; display: block; width: 100%; height: 100%; top: 0; left: 0"></iframe>
</div>