在网页嵌入了一个youtube视频, 如何让鼠标在该视频上悬浮的时候显示我指定的title提示? (iframe上加上提示)

Question

引入的代码是这样的:

<iframe width="470" height="264" src="https://www.youtube.com/........" frameborder="0" allowfullscreen></iframe>

这段代码是youtube分享的时候自己生成的, 所以现在考虑如何在iframe加上我想要的提示.... 类似于图片上的title的属性的功能....

Answer 1

先封装，再扩展

<div class="youtube-wrapper">
  <frame></iframe>
</div>

.youtube-wrapper {
  position: relative;
}
.youtube-wrapper .custom-title {
  position: absolute;
  top: ..
  left: ..
}

$('.youtube-wrapper').hover(func /*在这里定义hover效果*/, func)