2012-02-16 34 views
0

我已經將對象模板存儲在變量中,然後通過jQuery添加視頻鏈接。我這樣做是因爲最終鏈接將通過ajax添加到對象模板中。當jQuery添加鏈接時,youtube對象模板不顯示

但是,視頻不顯示。我不確定我做錯了什麼。示例代碼是在這裏的行動: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> 

回答

1

你應該先加object到div的video_content然後更改moviesrc 因爲之前找你改變不上文件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/