我可以使用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;
使用的整个代码是(需要提交):
你应该寻找一个更好的解决方案,但这只是工作:)