17
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

YouTube埋め込み動画でタイトルと関連が表示されるようになりました

Last updated at Posted at 2018-10-22

YouTubeを埋め込む際に、showinfoの値を0とすることで埋め込み動画で表示されるタイトルを非表示にできていたのですが、10月22日の時点でshowinfoが廃止されたようです。
これにより強制的にタイトルが表示、ホバー時に強制的にタイトルが出るようになりました。
日本語のYouTube APIのページにはまだ記載されていませんが、海外のページには9月25日以降にdeprecated と記載されています。
https://developers.google.com/youtube/player_parameters#showinfo

同時に、関連を非表示にできるrelパラメータも変更されました。
relは0で非表示だったものが、同じチャンネルの関連動画に変更されています。
関連は10月22日時点でループでは出ないようです。

対処方法

  • 全画面で上起点の場合、マージンを少し上にずらしてタイトルを表示させないようにする
  • pointer-events: none、上に何かをかぶせるなどして動画ホバーで反応しないようにする
  • Vimeoとかに移行する

参考サイト

https://developers.google.com/youtube/player_parameters#showinfo
https://stackoverflow.com/questions/52917848/why-doesnt-work-the-playervars-with-the-youtube-api-anymore

おわりに

YouTubeを使って、小さい動画の埋め込みや、全画面動画の自動再生対応が難しくなりそうな気がします。
個人的には限定公開動画を埋め込むという技が使いづらくなったなと言う印象です。

17
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
17
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?