我可以使用css或jQuery强制iframe显示页面的某些部分

我想显示来自其中一个网站的video,因为我不能使用它,但我使用iframe和一些如何仅显示iframe的video部分。

  

关于jsFiddle的示例

我不知道如何使用jQuery只显示嵌入了video的DIV包装器

或者只是通过css如果可以的话

我的解决方案适用于我的要求与一个提供的ConnorRoberts相比,因为他的解决方案社交媒体插件浮动,这不是我想要的当我用div包装iframe,如示例所示隐藏所有示例

 #my-div { width : 650px; height : 500px; overflow : hidden; position : relative; } #my-iframe { position : absolute; top : -320px; left : -150px; width : 1280px; height : 1200px; } 

您可以轻松地执行此操作,条件是您显示的页面(来自另一个域)与CORS标头一起发送,允许您的来源(或任何来源)。

 var httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function() { if (httpRequest.readyState === 4) { if (httpRequest.status === 200) { $content = $(httpRequest.responseText); $(iframeId).html($content.find('.floatFirst.omega_t3')); } } } httpRequest.open('GET', 'http://www.dmi.ae/live.asp?lang=en&ChannelID=2'); httpRequest.send(); 

有关如何设置CORS标头的更多信息,请参阅http://enable-cors.org/

虽然它不是一个理想的解决方案……

我有一个游戏,并想出了这个: http : //jsfiddle.net/XrdRH/它仍然需要一点点改进,使距离正确,除了改变它所需要的一切都改变了偏移量。

 top:-303px; left: 10px; 

使用的整个代码是(需要提交):

  

你应该寻找一个更好的解决方案,但这只是工作:)