以前の記事(CHiLO Producer/CHiLO Reader更新版の検証中)でYoutube動画の埋め込みができるようになったと書きましたが、当時の画像を見ると、左右に黒帯ができていました。
このままではかっこわるいなということで、Youtubeをレスポンシブル対応にするCSSをちゃんと調べて、幅をぴっちりあわせることにしました。
黒帯が出ないようにしつつ、幅は70%におさえるようにしています(4:3の動画のみ)。
iPhoneのように幅の狭い画面では、このように幅を100%に広げます。
なお、この更新版は少しばかり動作に問題が見つかったため、まだ公開には至っていません。
いつかソースが公開されることを信じて!つづく!