无法显示视频缩略图

Question

这是我的 application.js 文件。我正在使用 jquery-embedly API：

$(document).ready(function() {
$('a.oembed').embedly({maxWidth:500,'method':'replace'}).bind('embedly-oembed', function(e, oembed){
      $('#video_div').append(oembed.thumbnail_url));
  });
});

该代码不起作用：视频没有嵌入，也没有任何缩略图添加到div 元素。但是，此代码确实可以正常工作：

$(document).ready(function() {
$('a.oembed').embedly({maxWidth:500,'method':'replace'}).bind('embedly-oembed', function(e, oembed){
     alert(oembed.title);
  });
});

为什么我无法显示缩略图？以防万一，这里是视图：

<div id="video_div"><%= link_to 'video', @video.video_url, :class => 'oembed' %></div>

Answer 1

您不想附加thumbnail_url，您想附加带有thumbnail_url 的src 属性的图像标签：

$('a.oembed').embedly({maxWidth:500,'method':'replace'}).bind('embedly-oembed', function(e, oembed) {
  $("#video_div").append($("<img>", { src: oembed.thumbnail_url }));
});