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

당신이 먼저 movie 및 변경 video_content을 div에하는 object을 추가해야 src 때문에 you'r 문서에 exsite하지 않는 문자열을 변경하기 전에;

$('.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/