Размещение виджета YouTube на вкладках пользовательского интерфейса jquery, не загружая видео в IE и Firefox - PullRequest
Новая
       11

Размещение виджета YouTube на вкладках пользовательского интерфейса jquery, не загружая видео в IE и Firefox

0 голосов
/ 29 ноября 2011

Я пытаюсь разместить виджет youtube, заданный youtube, на вкладках пользовательского интерфейса jquery.Виджет отлично работает во всех браузерах, когда я размещаю виджет вне элементов div с вкладками, как я показал здесь.Но тот же самый код встраивания не загружает миниатюры YouTube и не показывает заголовок видео должным образом в IE6,7 и Firefox, когда я помещаю их в div вкладок.Пожалуйста, помогите 

  <!DOCTYPE html>
  <html lang="en"> 
  <head>
<meta charset="utf-8">
<title>Integration</title>
<link rel="stylesheet" href="css/jquery-ui-1.8.16.custom.css">
<script src="js/jquery-1.6.2.js"></script>
<script src="js/jquery.ui.core.js"></script>
<script src="js/jquery.ui.widget.js"></script>
<script src="js/jquery.ui.tabs.js"></script>
<link rel="stylesheet" href="css/demos.css">
<link rel="stylesheet" href="css/style.css">
    <script src="js/jquery.flash.js"></script>

    <script>

$(function() {
    $( "#tabs" ).tabs();
});
</script>
    </head>
   <body >
   <div class="demo">

    <div id="tabs">
<ul>
    <li><a href="#tabs-1">  Follow us on Foursquare </a></li>
    <li><a href="#tabs-2">Watch our videos on YouTube </a></li>

                    </ul>


<div id="tabs-1">
                <!-- a foursquare widget which works--->
<div id="tabs-2" >
     <!--placing it inside -->
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&amp;up_channel=**YOURCHANNEL**&amp;synd=open&amp;w=400&amp;h=390&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js">
    </script>
    </div> 
    </div>

    <br>
    <br>
     <br>
    <br>
    <br>
    <br>

    <br>
       <!--placing it outside -->
    <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&amp;up_channel=**YOURCHANNEL**&amp;synd=open&amp;w=400&amp;h=390&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js">
    </script>

      </body>
       </html>

1 Ответ

0 голосов
/ 27 декабря 2011

Я смог сделать это, используя опцию iframe на YouTube. Попробуй это. Я все еще работаю над форматированием CSS, но это работает. Дайте мне знать, если вы поймете эту часть. Смотрите этот пример: http://www.curiouscountrycreations.com/index.php?main_page=product_info&products_id=186

...