1

iframeが1つあり、YouTubeリンクがありますが、同じiframe画像も表示する必要があります。幅と高さの画像リンクを渡すと、サイズ変更は行われません。

どうやってするか？

HTML：

<iframe width="257" 
        height="194" 
        src="http://www.youtube.com/embed/adadfad" 
        frameborder="0" 
        allowfullscreen=""></iframe>

jQuery：

    divID.find('iframe').attr('src', function(i, val) {
      return 
      "<img src=http://img.youtube.com/vi/" + 
         match[2] + 
       "/2.jpg width=300 height=200/>"
    });
4

2 に答える 2

3

これはうまくいきました。

root.find('iframe').ready(function(){
  root.find('iframe')
      .contents()
      .find('body')
      .html("<img src=http://img.youtube.com/vi/" + match[2] + "/2.jpg />");
  root.find('iframe')
      .contents()
      .find('img')
      .css({'width':'225px', 'height':'175px'});
});
于 2012-07-05T12:55:04.340 に答える
1

画像のサイズを変更したい場合は、通常のjqueryを使用できます。

$('img').css('width','300px');
     $('img').css('height','300px');
于 2012-07-05T10:21:58.170 に答える