0

我想在我的主页上显示一个 onload youtube 视频 JQuery 弹出窗口。

查看互联网并“混合”一些代码，我得到了下面的结果。

它似乎做了我想做的事情，但是“关闭”按钮不起作用。

当我按“关闭”时，弹出窗口隐藏但继续向后播放。

有人能帮助我吗？

谢谢！

编码：

<html xmlns=”http://www.w3.org/1999/xhtml”&amp;gt;
<head>
<title>jQuery Show Popup on Page Load</title>

<script>
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

/* video settings come here */
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '350',
width: '600',
videoId: 'L8ARwB3CihA',
events: {
'onReady': onPlayerReady
}
});
}
/* Autoplay when the dialog opens */
function onPlayerReady(event) {
event.target.playVideo();
}
$(document).ready(function(){
var overlay = jQuery('<div id="overlay"></div>');
$('.close').click(function(){
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});


$('.x').click(function(){
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});

$('.click').click(function(){
overlay.show();
overlay.appendTo(document.body);
$('.popup').show();
return false;
});
});
</script>



<script type=’text/javascript’&gt;
$(function(){
var overlay = $(‘&lt;div id=”overlay”&gt;</div>’);
overlay.show();
overlay.appendTo(document.body);
$(‘.popup’).show();
$(‘.close’).click(function(){
$(‘.popup’).pauseVideo();
overlay.appendTo(document.body).remove();
return false;
});

</script>
</head>
<body>
<div class='popup'>
<div class='content'>
<div id='player'></div>
<p><a href='' class='close'>Fechar</a></p>
<br/>
<br/>
</p>
</div>
</div>
</body>
</html>
4

1 回答 1

0

试试这个，我自己没有测试过

$('.close').click(function(){
$('.popup').remove(); // Change hide() to remove()
overlay.appendTo(document.body).remove();
return false;
});
于 2013-05-23T01:14:23.717 回答