javascript — вкладки пользовательского интерфейса Jquery загружают iframe только при нажатии

Извините за мой английский, я использую Google Переводчик.
У меня есть код на вкладках jQuery UI с iFrame загружает содержимое только при нажатии. Я использую PHP (WordPress) для вызова iframe.

Проблема в том, что он работает только с iframe src, помещающим данные, например:

<iframe data-src = «http://powvideo.net/embed-ui0njh4t1cgz-640×360.html«width =» 680 «height =» 380 «scrolling =» no «frameborder =» 0 «> (ЕСЛИ это работает)

Хостинг для встраивания видео осуществляется следующим образом:

<iframe src = «http://powvideo.net/embed-ui0njh4t1cgz-640×360.html«width =» 680 «height =» 380 «scrolling =» no «frameborder =» 0 «> (НЕ работает)

Кто-нибудь знает, если вы можете изменить скрипт или PHP, чтобы поставить правильный синтаксис?
Изменить iframe data-src = на iframe src =

Спасибо заранее.

Код JQuery UI:

<script>
$(function() {
$( "#tabs" ).tabs({
beforeActivate: function( event, ui ) {
ui.newPanel.find('iframe').each(function() { if($(this).data('src') && !$(this).attr('src')) $(this).attr('src',$(this).data('src')); });
},
create: function( event, ui ) {
ui.panel.find('iframe').each(function() { if($(this).data('src')) $(this).attr('src',$(this).data('src')); });
}
});
// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
function() {
$( this ).addClass( "ui-state-hover" );
},
function() {
$( this ).removeClass( "ui-state-hover" );
}
);
});
</script>

Код HTML

<div id="tabs">
<ul>
<li><a href="#tabs-1">Opción 1</a></li>
</ul>

<div id="tabs-1">
<?php $values = get_post_custom_values("reproductor"); echo $values[0]; ?>
</div>
</div>