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弹出窗口,而不是画廊形式。