埋め込みYoutubeのタイトルだけ消したい

Question

現状と理想

埋め込みYoutubeのタイトルだけ消したいのですが、
CSSを当てても効きません。

?showinfo=0 を付けることで
タイトルや共有アイコンをまるごと消すことはできますが、
右上の共有ボタンなどは残したいのです。

そのようなことは可能なのでしょうか？

試したコード

.ytp-title {
  display: none !important;
}

Answer 1

.ytp-title-text {
  display: none;
}

で消えますね。

レイアウト崩れの可能性とかを考えると

.ytp-title-text {
  visibility: hidden;
}

の方がいいかもしれませんが。

Comments

[arina_mastui]

ご回答くださりありがとうございます。

どちらも試してみましたがCSSが効きませんでした。。。

[_lemon2003_]

iframe 内に css を適応するのは至難の業ですね。
・iframe は普通にスタイル指定できない。
・クロスオリジンフレームのため、通信できない。

全部消してから、後で共有だけを追加するのもありかと.....

[spookybird]

ああ。。すみませんでした。開発者ツールでCSS当てて見てたので、iframeなの気づいてませんでした。
iframe内が別ドメインになると、外から操作するのはモダンブラウザだと実質不可能かもしれません。
少なくとも私には無理です。

[_lemon2003_]

いろいろやりましたが、無理でした。
サーバー経由で、全部ちまちまデータとってくるとかしないと。

[arina_mastui]

_lemon2003_ さん、spookybird さん
試してくださりありがとうございます！
iframe内のCSS操作は実質不可能なのですね。
現状難しそうとのことで、諦めて `?showinfo=0` でまるごと消してしまうことにしました。
お二方ともありがとうございました！