Javascript YouTube Grid Gallery:如何让播放器出现在弹出窗口中?

Javascript YouTube Grid Gallery:如何让播放器出现在弹出窗口中?,javascript,css,popup,youtube,gallery,Javascript,Css,Popup,Youtube,Gallery,我正在使用以下代码: <head> <script type="text/javascript" src="http://swfobject.googlecode.com/svn/trunk/swfobject/swfobject.js"></script> <script type="text/javascript"> function loadVideo(playerUrl, autoplay) { swfobject.embedSWF(

我正在使用以下代码:

<head>
<script type="text/javascript" src="http://swfobject.googlecode.com/svn/trunk/swfobject/swfobject.js"></script>
<script type="text/javascript">
function loadVideo(playerUrl, autoplay) {
  swfobject.embedSWF(
      playerUrl + '&rel=1&border=0&fs=1&autoplay=' + 
      (autoplay?1:0), 'player', '290', '250', '9.0.0', false, 
      false, {allowfullscreen: 'true'});
}

function showMyVideos2(data) {
  var feed = data.feed;
  var entries = feed.entry || [];
  var html = ['<ul class="videos">'];
  for (var i = 0; i < entries.length; i++) {
    var entry = entries[i];
    var title = entry.title.$t.substr(0, 15);
    var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
    var playerUrl = entries[i].media$group.media$content[0].url;
    html.push('<li onclick="loadVideo(\'', playerUrl, '\', true)">',
              '<span class="titlec">', title, '...</span><br /><img src="', 
              thumbnailUrl, '" width="130" height="97"/>', '</span></li>');
  }
  html.push('</ul><br style="clear: left;"/>');
  document.getElementById('videos2').innerHTML = html.join('');
  if (entries.length > 0) {
    loadVideo(entries[0].media$group.media$content[0].url, false);
  }
}
</script>
</head>
<body>
<div id="playerContainer" style="width: 20em; height: 180px; float: left;">
    <object id="player"></object>
</div>
<div id="videos2"></div>
<script 
    type="text/javascript" 
    src="http://gdata.youtube.com/feeds/users/yerface/uploads?alt=json-in-script&callback=showMyVideos2&max-results=9">
</script>
</body>
</html>

功能加载视频(播放、自动播放){
swfobject.embeddeswf(
playerUrl+'&rel=1&border=0&fs=1&autoplay='+
(自动播放?1:0),“播放器”,“290”,“250”,“9.0.0”,错误,
false,{allowfullscreen:'true'});
}
函数showMyVideos2(数据){
var feed=data.feed;
var entries=feed.entry | |[];
var html=['
    ']; 对于(变量i=0;i, “,”标题“…
    ”,“”); } html.push(“

”); document.getElementById('videos2')。innerHTML=html.join(“”); 如果(entries.length>0){ loadVideo(条目[0]。媒体$组。媒体$内容[0]。url,false); } }
在这里可以找到:http://groups.google.com/group/youtube-api-gdata/browse_thread/thread/f3994f8078d20fe6.


让播放器出现在弹出窗口中最简单的方法是什么?我一直在使用CSS选项,使用visible和display,但我似乎无法正确使用它。对于新手的任何建议都将不胜感激,谢谢

如果你想让播放器显示在你的内容之上,你可以使用
位置:绝对将其从文档内容流中删除。然后使用
top
left
规则将其放置在您喜欢的位置。因为您已经知道弹出窗口的尺寸,所以可以使用javascript将其居中以计算顶部和左侧位置

祝你好运,
每层

Netlight Consulting

非常感谢您抽出时间回答!问题不在于球员的位置。问题在于,播放器仅在选定视频时出现,并在关闭或视频结束时消失。有关于如何做的提示吗?我发现youtube视频的显示方式是jquery弹出窗口,而不是画廊形式。