JSFiddle - React, Tailwind, and code Playground

by Serhii Matrunchyk

HTML

<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<div id="capture">
<iframe width="560" height="315" src="https://www.youtube.com/embed/x9usS4l1VD0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<button id="do-capture">
Capture
</button>

JavaScript

document.querySelector('#do-capture').addEventListener('click', () => {
  html2canvas(document.querySelector("#capture")).then(canvas => {
      document.body.appendChild(canvas)
  });
})