Hide iframe after first click

Asked Oct 10 '15 at 00:01

Active Oct 10 '15 at 00:01

Viewed 84 times

I'm using this code:

    <div class="youtube">
  some text and images
  <iframe width="500" height="370" src="http://youtube.com/ID" frameborder="0" allowfullscreen></iframe>
</div>

and this is the CSS for "youtube"

 .youtube{ 
   opacity: 0;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 }

I'd like to know if there is some way to, hide this iframe completely after the first click.

I'm really a beginner in programming, so detailed help would be great.

asked Oct 10 '15 at 00:01

Tor Hys

What do you mean after the first click? The first click on what? – Mike Christensen Oct 10 '15 at 00:03
The first click on iframe – Tor Hys Oct 10 '15 at 00:03
As soon as someone clicks on your video you want to hide it? – Talya S Oct 10 '15 at 00:04
Yes if that is possible. – Tor Hys Oct 10 '15 at 00:05
What do you mean by completely? You're already hiding it in your CSS regardless of any clicking. Do you only want that CSS to apply post click? – Talya S Oct 10 '15 at 00:12
I just want that after the first click anywhere on the page where iframe is, that div to be removed out of the page. like hide it completely. – Tor Hys Oct 10 '15 at 00:14
1

Have a look in this topic: [stackoverflow question](http://stackoverflow.com/questions/22111267/how-to-click-on-an-iframe-to-remove-it) Here is the code [fiddle code](http://jsfiddle.net/nT4uZ/7/) – rafahell Oct 10 '15 at 00:19

Hide iframe after first click

0 Answers0