Question

我正在尝试将youtube提供的youtube小部件放在jquery UI标签中。当我将小部件放在tab div之外时，小部件适用于所有浏览器，如我在此处所示。但是相同的嵌入代码没有加载youtube视频缩略图，并且当我将它们放在tab div中时，没有在IE6,7和firefox中正确显示视频的标题。请帮忙

  <!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>

Answer 1

我可以使用youtube上的iframe选项执行此操作。试试吧。我还在研究它的css格式，但确实有效。如果你弄明白这一部分，请告诉我。请参阅此示例：http://www.curiouscountrycreations.com/index.php?main_page=product_info&products_id=186

将youtube小部件放在jquery ui标签内，而不是在IE和Firefox上加载视频

1 个答案: