Javascript 如何使用两个功能隐藏单击时的图像？
我用的是简单的图像我试着做的是点击图像它会做两件事首先是它会隐藏图像并在后面播放内容我用的是一个iframe视频，它没有播放按钮，所以一旦你点击它播放的视频的任何地方，我试着添加简单的播放按钮，用户会点击图像和视频将发挥我需要帮助与javascript的任何帮助将不胜感激Javascript 如何使用两个功能隐藏单击时的图像？,javascript,jquery,html,Javascript,Jquery,Html,我用的是简单的图像我试着做的是点击图像它会做两件事首先是它会隐藏图像并在后面播放内容我用的是一个iframe视频，它没有播放按钮，所以一旦你点击它播放的视频的任何地方，我试着添加简单的播放按钮，用户会点击图像和视频将发挥我需要帮助与javascript的任何帮助将不胜感激 <div id="playbutton"> <img style="width: 200px; height: 200px; border: 0;" src="http://iconshots.com/wp-
<div id="playbutton">
<img style="width: 200px; height: 200px; border: 0;" src="http://iconshots.com/wp-content/uploads/2010/01/final1.jpg">
</div>
<div id="playbutton">
<img style="width: 200px; height: 200px; border: 0;" src="http://iconshots.com/wp- content/uploads/2010/01/final1.jpg" onclick="this.style.display='none';PlayVideo();">
</div>
JQuery:
$(document).ready(function() {
$('#play-video').on('click', function(ev) {
$("#video")[0].src += "&autoplay=1";
ev.preventDefault();
});
});
HTML:
<div id="playbutton">
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRh0Aw8dopC_x6jfb8wYuiVRoo9Xy0EwWQskikB8MmE_AAepfUZEowIMQ" onclick="this.style.display='none';" id="play-video">
<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen></iframe>
CSS:
#play-video {
width: 200px;
height: 200px;
border: 0;
bottom: 10;
left: 0;
right: 0;
position: fixed;
text-align: center;
margin: 0px auto;
}
JQuery:
$（文档）.ready（函数（）{
$（“#播放视频”）。打开（'单击'，功能（ev）{
$（“#视频”）[0].src+=“&autoplay=1”；
ev.preventDefault（）；
});
});
HTML:
CSS:
#播放视频{
宽度：200px；
高度：200px；
边界：0；
底部：10；
左：0；
右：0；
位置：固定；
文本对齐：居中；
保证金：0px自动；
}
如果你需要更多的帮助或者这不是你想要的，请回复-我很乐意帮助 被欺骗的人隐藏了图像，但是一旦图像被隐藏，事件能做两件事吗？javascript会再点击一次，视频就会播放吗？不过最好将JS和HTML分开，听上去，你想要的功能比单台电脑更强大line@michaelwayman你是对的，但对我来说也是一样styling@mia请上传你想要播放的文件的代码，我很高兴能帮你。我使用youtube视频制作了一个视频，我无法完全添加css，但我在上面使用的代码示例是iframe video link和我将向playbutton添加css，这样它就可以完美地安装在它应该安装的位置，一旦用户单击假播放按钮图像，视频播放就可以了，因为它有两个功能，一个是隐藏图像，另一个是播放视频，感谢您的帮助：）嘿，看看我下面的答案，它应该隐藏图像，并向视频发送一个点击事件，只需将视频id放在它所说的位置即可。在