在Popup或模式框中嵌入代碼

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

你可以嘗試使用的代替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