在圖像中嵌入iframe

我有一個網頁，其中有一個播放各種YouTube視頻的iframe。現在我想讓這個iframe在圖像中顯示（圖像基本上是一個iPad圖像，我希望iframe應該嵌入在iPad圖像的屏幕區域內）。是否有可能實現？如果是的話，我該怎麼做。任何幫助將不勝感激！謝謝在圖像中嵌入iframe

來源

2015-01-14 Corporal

包裝在一個div，使用背景圖片

.frame { 
 
    width:400px; 
 
    height: 400px; 
 
    background-size: 100% 100%; 
 
    background-repeat: no-repeat; 
 
    background-image: url(http://want2scrap.com/store/images/large/Cat%20Frame%20DC_LRG.jpg) 
 
} 
 

 
.frame iframe { 
 
    position: relative; 
 
    top: 165px; 
 
    left: 100px; 
 
    width: 250px; 
 
    }

<div class="frame"><iframe src="http://example.com" /></div>

來源

2015-01-14 05:24:13 epascarello

感謝您的解決方案。它對我來說工作得很好。 – Corporal

-1

您將需要使用樣式來覆蓋圖像頂部的iframe。有關更多詳細信息，請參閱此answer。

來源

2015-01-14 05:19:56 wigs

任何人都知道的downvote的確切原因是什麼？這兩個問題看起來很相似，但對我來說並不確切。 – wigs

在圖像中嵌入iframe

回答

相關問題