javascript - 拒绝在 iframe 中显示 youtube 视频

Question

当我打开 #myModal 时，模态出现并且我的视频可以播放，但是，当我点击我的 #myModal2 时，模态出现但视频没有显示...

我错过了什么？

<div class="list-group">
    <h3 class="bg-ownmade paddingAll removeMargin">
        <span class="fa fa-book" aria-hidden="true"></span> Webbhistoria
    </h3>
    <a href="#" class="list-group-item" data-toggle="modal" data-target="#myModal" 
        data-keyboard="true"><span class="fa fa-film"></span> ABC</a>
    <!-- Modal -->
    <div class="modal fade" id="myModal" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                         &times;</button>
                    <h4 class="modal-title">Instruktionsvideo om...</h4>
                </div>
                <div class="modal-body">
                    <iframe width="100%" height="500px" 
                        src="https://www.youtube.com/embed/db-7J5OaSag" 
                        frameborder="0" allowfullscreen></iframe>
                    <p>Bla bla bla</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" 
                        data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <a href="#" class="list-group-item" data-toggle="modal" 
        data-target="#myModal2" data-keyboard="true">
            <span class="fa fa-film"></span> ABC
    </a>
    <!-- Modal -->
    <div class="modal fade" id="myModal2" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" 
                        data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Instruktionsvideo om...</h4>
                </div>
                <div class="modal-body">
                    <iframe width="100%" height="500px" 
                        src="https://www.youtube.com/watch?v=IsXEVQRaTX8" 
                        frameborder="0" allowfullscreen></iframe>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" 
                        data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>
</div>

Answer 1

改变:

src="https://www.youtube.com/watch?v=IsXEVQRaTX8"

收件人:

src="https://www.youtube.com/embed/IsXEVQRaTX8"

出于安全原因请求被拒绝:

Refused to display 'https://www.youtube.com/watch?v=IsXEVQRaTX8' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

使用YouTube's Embed URL