css - HTML iframe 使用時にタイトルタグ "popup" を表示する

Question

...問題の概要...

動作例

タイトル属性は、たとえばimageでうまく機能します

<img
    src="http://imgs.xkcd.com/comics/the_general_problem.png"
    title="I find that when someone's taking time to do something right in the present, they're a perfectionist with no ability to prioritize, whereas when someone took time to do something right in the past, they're a master artisan of great foresight."
    alt="The General Problem"
>

問題（うまくいかない例）

YouTube や (この場合は) SouthPark Studios で [このビデオを共有] をクリックしたときのように、 iframe ビデオを埋め込もうとしています。

次のいずれかのようです。

• iframe要素で使用する適切な属性がわからない (明らかに「タイトル」ではない)、または
• 「タイトル」は正しいですが、iframeは何らかのレイヤーの問題でそれを打ち負かしています。下記参照

---

---

...さらに読む：私がすでに試したことの詳細...

最初の試行: div でラップし、div の最大レイヤーを指定します

<div
    title="South Park video about Ginger Kids coming in the night to carry off the town's other kids"
    style="z-index: 2;"
>
    <iframe
        src="http://media.mtvnservices.com/embed/mgid:arc:video:southparkstudios.com:1feaa96c-ed01-11e0-aca6-0026b9414f30"
        width="360"
        height="293"
        frameborder="0"
    >
    </iframe>
</div>

ソース:
https://stackoverflow.com/a/7117107/1421642、div の場合
http://www.echoecho.com/csslayers.htm、レイヤーの場合 (z-index)

---

2回目の試行：iframeタグに「タイトル」を入れるだけ

<iframe
    title="South Park video about Ginger Kids coming in the night to carry off the town's other kids"
    src="http://media.mtvnservices.com/embed/mgid:arc:video:southparkstudios.com:1feaa96c-ed01-11e0-aca6-0026b9414f30"
    width="360"
    height="293"
    frameborder="0"
>
</iframe>

---

両方の試行の結果

エル・ジルチョ

どちらの場合も、iframe の上にマウスを置いても何も起こりません。それを、最初の「動作するものの例」コードと比較してください。マウスオーバーすると、美しい小さなポップアップが表示されます。

助けてください ：）