0

我想显示来自其中一个网站的视频，因为我无法使用它，但我使用 iframe 和一些如何仅显示 iframe 的视频部分。

<iframe src="http://www.dmi.ae/live.asp?lang=en&ChannelID=2" width="650" height="476" >
</iframe>

jsFiddle上的示例

我不确定如何使用 jQuery 仅显示嵌入了视频的 DIV 包装器

<div class="floatFirst omega_t3">或者只要css我们可以

4

3 回答 3

2

ConnorRoberts与他的解决方案社交媒体插件浮动中div提供的解决方案相比，我的解决方案符合我的要求

#my-div
{
    width    : 650px;
    height   : 500px;
    overflow : hidden;
    position : relative;
}

#my-iframe
{
    position : absolute;
    top      : -320px;
    left     : -150px;
    width    : 1280px;
    height   : 1200px;
}

<div id="my-div">
<iframe id="my-iframe"  src="http://www.dmi.ae/live.asp?lang=en&ChannelID=2" width="650" height="476" scrolling="no"  >
</iframe>

</div>
于 2012-11-27T11:26:17.193 回答
1

虽然这不是一个理想的解决方案......

我有一个剧本并想出了这个：http: //jsfiddle.net/XrdRH/它仍然需要一些改进来获得正确的距离，除了改变它所需要的所有东西都是改变偏移量。

top:-303px; left: 10px;

使用的整个代码是（需要提交）：

<iframe src="http://www.dmi.ae/live.asp?lang=en&ChannelID=2" width="680" height="855" style="position:absolute; top:-303px; left: 10px; overflow: hidden;">

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

于 2012-11-26T13:34:35.827 回答
1

您可以轻松地做到这一点，条件是您显示的页面（来自另一个域）发送时带有允许您的来源（或任何来源）的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/

于 2012-11-26T13:15:32.340 回答