0

iframeを使用しているのに消費できないので、Webサイトの1つからビデオを表示したいのですが、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

私のソリューションは、彼のソリューションのソーシャルメディアプラグインフロートで提供されているものと比較して、私の要件に適合しています。これは、例に示すようにConnorRobertsiframeをラップするときに必要なものではなく、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

表示するページ（別のドメインからのもの）が、オリジン（または任意のオリジン）を許可する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 に答える
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 に答える