Youtube iframe加载了很多字节

Question

我的代码有问题。我有一个崩溃的许多Bootstrap面板的列表。每个面板都有一个带有Youtube视频链接的iFrame：

<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a class="linkVideo collapsed" href="#10083" data-parent="#accordion" data-toggle="collapse">
                <?php echo $title;?>
            </a>
        </h4>
    </div>
    <div id="10083" class="panel-collapse collapse" style="height: 0px;">
        <div class="panel-body">
            <div class="videoWrapper" style="display: none;">
                <iframe src="//www.youtube.com/embed/<?php echo $faq['video']; ?>" frameborder="0" allowfullscreen></iframe>
            </div>
            <div class="row"> </div>
        </div>
    </div>
</div>

问题是，当我加载页面时，我有大约20/25面板和20/25视频，我看到它下载15/20 MB并且速度太慢。你知道怎么解决吗？

谢谢;）

更新 当用户展开iframe以包含内容时，我会动态初始化iframe。你能帮我这么做吗？