YouTubeの埋め込みコードの全画面表示時にリンクを表示したい

Question

YouTubeの埋め込みコードで動画を表示した際、通常表示時にはリンクを重ねて表示することができるのですが、全画面表示にするとリンク表示が消えてしまいます。

CSSで解決する方法はありますでしょうか？

<style>
body{ background :#000; }
#main
{
	z-index :0;
    position: relative;
}
#absolute
{
	z-index :10;
    position: absolute;
    left: 25px;
    top: 130px;
}
a{ color :#00f; }
</style>

<div id="main">
<iframe src="https://www.youtube.com/embed/M0g1NeSSB1A?rel=0&showinfo=0" frameborder="1" allowfullscreen></iframe>
<div id="absolute">
<a href="http://yahoo.co.jp" target='_blank' >yahoo.co.jp</a>
</div>
</div>

Answer 1

CSSだけではできないと思います。

Comments

[axs]

ご返答ありがとうございます。

[axs]

もしご存知であれば、解決するにはどんな言語が必要でしょうか？
参考にできるページ等があると助かります。

Answer 2

いっそのこと YouTube の動画内にリンクを張るという方法もあります。

【動画を自分のウェブサイトにリンクさせる - YouTube ヘルプ】
https://support.google.com/youtube/answer/2887282?hl=ja

【youtube動画内に自社サイトへのリンクを設置しよう「外部アノテーション：準備編」 | 株式会社ISSUN（イッスン）】
http://www.issun.com/blog/youtube-anotatoin-to-your-site-1/

【youtube動画内に自社サイトへのリンクを設置しよう「外部アノテーション：作成と公開編」 | 株式会社ISSUN（イッスン）】
http://www.issun.com/blog/youtube-anotatoin-to-your-site-2/

Comments

[axs]

ご返答ありがとうございます。
アノテーションですと、スマホで表示されないんですよね（＾＾；）
カードだとスマホに表示されるという記事もあったのですが、自分で試してみると表示されなかったりもするので、確実にスマホでも表示する方法を模索しているところです。

http://nekodaiou.c●m/tweet/

こんな情報商材があったので、自分で同じようなことできないかなーと思って挑戦してみてるんですが、かなりレベル高いことしてるんですね。

[kei344]

フルスクリーンに対応してるのでしょうか？

ほかにはYouTube JavaScript Player API でフルスクリーン部分を自分で書くなど方法はありそうです。（未検証）

【YouTube JavaScript Player API Reference  |  YouTube IFrame Player API  |  Google Developers】
https://developers.google.com/youtube/js_api_reference?hl=ja

[axs]

ご返答ありがとうございます。
フルスクリーンに対応しているかどうかはわかりませんが、対応していると信じたいところです＾＾；

参考URLありがとうございます！
現時点ではちんぷんかんぷんですが、頑張って勉強してみます。
ありがとうございました。