javascript - 如何告诉 iframe 将图像链接的大小调整为给定的宽度和高度

Question

我有 1 个 iframe 并有 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/>"
    }); 

Answer 1

这行得通。

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'});
});

Answer 2

如果你想调整图像的大小，你可以使用普通的 jquery。

$('img').css('width','300px');
     $('img').css('height','300px');