Why the link to YouTube is not clickable?

Question

https://code.sololearn.com/WDXgNn1us6z9/?ref=app

Answer 1

Hello,
I have been looking around, and my conclusion is that on the "iframe" section, you would need to remove "id=moreOptions". After this, I checked and you can't still access to it; it's blocked ("Webpage not available").
For this, you can change in target="view" to target="_blank" so the website opens in another window, now working perfectly.

Hope this helped! ✨

Answer 2

It must have something to do with the iframe, it works if you remove that.

Answer 3

That's because of CSS style.
If I remove CCS from the <div> by removing id, it works. It then opens a page that says "Webpage not available", but that's okay, it opens up without problems if I put another page in the link. But I need the style to make the options disappear when the mouse cursor is over the iframe, so I can't remove that style. I also found that the problem occurs when the z-index is less than zero. If the z-index is greater than or equal to zero, the link can be clicked, but then the options are in the foreground and I need them to be behind the iframe.

Answer 4

Try to change

#moreOptions{
z-index:0;
}

Answer 5

It works if I set z-index to zero or greater, but then the options are in the foreground. I need the options to be behind the iframe because of the animation.