Question

我遇到了一个问题，即在模态框中获取嵌入式链接，以便嵌入代码可以共享给任何人在其网站中使用。

当我点击按钮并在弹出窗口中打开嵌入链接内容时，我已尝试在某种程度上获取弹出窗口。

但是要分享给用户的线路会更多。所以，寻找简单的方法来实现它。

`<div class="container">
<h2>Click on the link below</h2>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Reserve Table</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<embed width="800" height="685" src="http://find-out-pro.co/pcktnight/projet1/reservations_website.html?member_id=56&langs=all&place=101" frameborder="0" allowfullscreen="true">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>`

Answer 1

您可以尝试使用<iframe>代替embed

我做了一个JSFiddle给你看：

<div class="modal-body">
    <iframe id="videoContainer" width="800" height="685" src="http://find-out-pro.co/pcktnight/projet1/reservations_website.html?member_id=56&langs=all&place=101" frameborder="0" allowfullscreen></iframe>
</div>

JSFIDDLE EXAMPLE

在弹出窗口或模态框中嵌入代码

1 个答案: