Шаблон объекта YouTube не отображается при добавлении ссылок из jQuery - PullRequest
Новая
       30

Шаблон объекта YouTube не отображается при добавлении ссылок из jQuery

0 голосов
/ 16 февраля 2012

Я сохранил шаблон объекта в переменной, а затем добавляю ссылки на видео через 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>

1 Ответ

1 голос
/ 16 февраля 2012

вы должны сначала добавить object к div video_content, затем изменить movie и src, потому что перед тем, как вы измените строку, которая не существует в документе;*http://jsfiddle.net/V2nJG/1/

...