(9)aboutWordPress投稿で「YouTubeの動画URLそのまま貼り付けで自動生成されるプレイヤー」のサイズを調整する方法このような方向けWordPress投稿画面にYouTubeの動画URLそのまま貼り付けで生成されるiframeプレイヤーがとにかく扱いづらいかといって、YouTube動画の埋め込みコードを毎回コピペするのが面倒くさいこの問題に対し、以下を自動化する事で記事制作コストの低減を目指します。自動生成されるiframeからwidthとheightの指定を取り除きiframeに特定のclassを持つ親要素を付与するレスポンシブ対応するこれで、投稿画面でYouTube動画URLをそのまま貼り付けてもレスポンシブ対応したプレイヤーが生成されます。解決方針WordPressの投稿画面でYouTubeの動画URLを直貼りすると、こんなhtmlが生成されます。allowfullscreen></iframe></p>これを以下のように自動変換します。対してプレイヤーをレスポンシブ対応するスタイリングを行っています(おまけで後述します)。表記を格納し、置換後は削除。以降の表記を格納し、置換後もそのまま流用。PHP正規表現のパターン修飾子のひとつで、マッチ部分の大文字と小文字を区別しないオプションを示します。久しぶりに正規表現を使いました。使えるらしく、スラッシュ以外で囲うとスラッシュをいちいちエスケープしなくて良いという嬉しいメリットがありました。注意点1URLを貼る行の上と下に、それぞれ改行を入れて下さい。URLを貼った行の直前や直後の行に文章があると、でくくられずに前後にが付きますので、パターンにマッチしなくなります。注意点2動画アップロード者により貼り付けが許可されていない動画は、そもそもURLそのまま貼り付け自体に対応していないので無効(ただURLのテキストが載るだけ)となります。この場合はしかたなくembedコードを貼り付けるしかありません。YouTubeプレイヤーをレスポンシブ対応させるCSSもうすっかりスタンダードになっている気がしますが、備忘も兼ねて掲載しておきます。tabsCONVERSATIONコメントをどうぞ(承認後に反映されます)返信をキャンセルする。(9)aboutわたしについて楽器と機材を紹介するライブ情報リンク当サイトについて著者:いまさし都内のコンサルで働く意識低い系サービスデザイナー。休日はコントラバスとリコーダーを嗜む。imasashi.net。