14

このWebサイトで見つけた解決策を試しました。しかし、それは私にはうまくいきませんでした。これを別の場所に設定しているスクリプトがあると考えているので、ページにコードを追加してスタイルをオーバーライドする必要があります。

私はこれを試しました：

<script type="text/javascript">
    $(document).ready(function () {
        $("#frame1").width(578);
        $("#frame1").height(326);
    });
</script>

ただし、html は次のようになります。

<iframe frameborder="0" src="http://player.vimeo.com/video/20657168?color=fc030f" style="width: 500px; height: 281.25px;"></iframe>

私はが であり、widthが で578ありheightたい326。ウェブサイトはこちら: http://beckindesigns.tumblr.com/

PSクラスまたはIDを追加すると、htmlから削除されます。私はTumblrを使用しています..

4

2 に答える 2

27

に追加すると機能id="frame1"しますiframe。

<iframe frameborder="0" id="frame1" src="http://player.vimeo.com/video/20657168?color=fc030f" style="width: 500px; height: 281.25px;"></iframe>

は$("#frame1")id 属性を持つ要素を選択しますframe1。参考までに: jQuery セレクターおよびID セレクター。

更新: ID が取り除かれていると言ったので、セレクターの動作方法を変更して、すべての iFrame に適用することができます。

<script type="text/javascript">
    $(document).ready(function () {
        $("iframe").width(678);
        $("iframe").height(526);
    });
</script>

ページに複数の iFrame があり、それらを同じサイズにしたくない場合は、:eq(index)セレクターを使用できます。これは、ゼロから始まるインデックスに一致します。したがって、ページに 2 つの iFrame があり、2 番目のみを変更したい場合は、次を使用します。

<script type="text/javascript">
    $(document).ready(function () {
        $("iframe:eq(1)").width(678);
        $("iframe:eq(1)").height(526);
    });
</script>
于 2013-02-16T18:51:57.040 に答える