
WordpressでYoutube動画などをサイトに埋め込んだ際、タイトルやコントローラが映像にかぶらないようにしてみました。普通にサイズ変えるだけで簡単にいくと思ったのですが中々うまくいかなかったです。

普通に埋め込んだだけでは(16:9デフォルトサイズでは)このようにタイトルなどが映像とかぶってしまいます。しばらくすれば消えてしまうのでいいんですが、何か気になるのでかぶらないように埋め込み設定を変えてみました。

埋め込みサイズ変えてるだけです。これで映像にかぶらなくなるので少しすっきりします。
埋め込む際のコード、<iframe width="560" height="315" src="https
ここの縦横サイズを変えるだけでうまくいくと思ったのですがなぜか全く反映されず、何を試しても最初ダメでした。どうも使用しているテーマによってはこのサイズ設定が反映されないようです。
であきらめかけてネットで情報探っていたら改行入れると反映されると情報が。埋め込みコードの最後、web-share" allowfullscreen><br /><iframe>
ここに改行コード入れるだけでサイズがきちんと反映されるとのこと。
このようにタイトルがかぶらないよう無事に埋め込むことができました。
ただサムネイルが見切れてしまうのと、タイトルとかが消えると黒い部分だけが残ってしまうので少し微妙かも。
コメント