6 
<div id="videos">
   <div id="channel_div" style="display: block;">
      <div style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 555px;" class="firstVideo">
      .. trimmed <table here> 

      </div>
      <div style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 555px;">
       .. trimmed <table here>
      </div>
   </div>
</div>

上記のスニペットがあり、divchannel_div内のsは、UIを壊す幅の制約があるスタイルのYouTubeから来ています。

jqueryでこれらのスタイルを削除するにはどうすればよいですか？

私はこの質問が次のように示唆していることを試しました：

$('#channel_div div').removeAttr('style');

またこれを試しました：

$('#channel_div > div').removeAttr('style');

しかし、これらはどれも機能しませんでした。幅を300pxに追加したいだけです。

誰かがこれについてのガイダンスを提供してもらえますか？

4

3 に答える 3

2

リモートドメインのiframeではこれを行うことはできません。

ただし、おそらくphpを使用してリモートファイルを内部でフェッチし、サーバー側でこれらのパラメーターを削除することも、jqueryを使用して、フェッチしたファイルをロードして内部埋め込みにすることもできます。

また、幅の問題だけの場合は、CSSルールを追加しようとしましたか？

.firstVideo { max-width: 300px !important; }

私は自分の携帯電話を使用しているので、今は確認するために実際にテストすることはできません。

于 2012-12-19T03:46:50.173 に答える
0

HTMLを操作できると思いますが、iframe内にあります。これを試してください。

$('#iframeID').contents().find('#someID').html();
于 2012-12-19T03:18:03.473 に答える
0

埋め込まれたYouTubeビデオは、次のようなiframeに含まれます。

   <iframe width="570" height="321" 
           src="http://www.youtube.com/embed/L5ZGU1Qkx8?
           wmode=opaque&showinfo=0&autohide=1" frameborder="0"> 
    </iframe>

したがって、ここでは、独自の属性を使用して高さと幅を設定できます。

于 2012-12-19T04:14:54.377 に答える