从 jQuery 添加链接时，youtube 对象模板不显示

Question

我已将对象模板存储在变量中，然后通过 jQuery 添加视频链接。我这样做是因为最终链接将通过 ajax 添加到对象模板中。

但是，视频没有显示。我不确定我做错了什么。示例代码在这里运行： http://jsbin.com/axifil

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("jquery", "1.7.1");
  google.setOnLoadCallback(function() {
  var obj_template = '<object width="260" height="140">' +   
                          '<param name="movie" value=""></param>' +  
                          '<param name="allowFullScreen" value="true"></param>' +  
                          '<param name="allowscriptaccess" value="always"></param>' +  
                          '<embed src="" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="260" height="140"></embed>' +  
                          '</object>'; 
  var flash_obj = obj_template;
  var video = $('.video');
  $(flash_obj).find('object param[name="movie"]').attr('value', 'https://www.youtube.com/v/u1zgFlCw8Aw?version=3&feature=player_embedded');
  $(flash_obj).find('object embed').attr('src', 'https://www.youtube.com/v/u1zgFlCw8Aw?version=3&feature=player_embedded');
  alert(flash_obj);
  $('.video_content').html(flash_obj);
  $('.test').html('this shows');
  });
</script>
<div id="top_row_center" class="video">
  <p class="video_content"></p>
  <p class="test"></p>
</div>

Answer 1

您应该首先将 object 添加到 div video_content 然后更改 movie 和 src
因为在更改文档中不存在的字符串之前；

  $('.video_content').html(obj_template );
  var flash_obj = $('.video_content object');
  var video = $('.video');
  $(flash_obj).find('param[name="movie"]').attr('value', 'https://www.youtube.com/v/u1zgFlCw8Aw?version=3&feature=player_embedded');
  $(flash_obj).find('embed').attr('src', 'https://www.youtube.com/v/u1zgFlCw8Aw?version=3&feature=player_embedded');
  console.log(flash_obj);
  $('.test').html('this shows');

http://jsfiddle.net/V2nJG/1/