Javascript html2canvas-捕获嵌入式视频？

我正在尝试在我的web应用程序中集成内容，以便将内容共享到facebook。我要捕获的div包含一个带有嵌入式youtube视频的iframe：

<iframe width="560" height="315" src="https://www.youtube.com/embed/<?= $data['video'] ?>" frameborder="0" allowfullscreen></iframe>

---

您无法跨域“捕获”iframe内容是否有支持此功能的替代方案？我不知道。你可以从自己的服务器上重新传输视频，使其在同一个域上可用，但这是违反youtube TOS的，所以。。。也许youtube API提供了一些截图方法，但我不知道youtube API。也许在文件里查一下。但仍然要注意，canvas本身被限制在同一个域中，originI已经执行了一些测试，似乎这个错误和iframe无关。
<a class="btn btn-social-icon btn-facebook" onclick="shareToFb()">
    <i class="fa fa-facebook"></i>
</a>

function shareToFb() {

    html2canvas($('#mydiv'), {
        onrendered: function(canvas) {
            canvas.toDataURL('<?= base_url() ?>assets/images/sharing/');
        }
     });

   }