在图像中嵌入 Iframe

Question

我有一个网页，其中有一个播放各种 YouTube 视频的 iframe。现在我希望这个 iframe 显示在图像中（图像基本上是一个 iPad 图像，我希望 iframe 应该嵌入 iPad 图像的屏幕区域内）。有可能实现吗？如果是这样，我该怎么做。 任何帮助将不胜感激！ 谢谢

Answer 1

您需要使用样式将 iframe 叠加在图片之上。有关详细信息，请参阅此 answer。

Answer 2

将其包裹在 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>