10.YouTube動画をレスポンシブにするには?

旧QHMでの YouTube 動画表示タグを、新haikの #video プラグインに変更する。

旧QHMでの YouTube 動画表示の例


新haikでの YouTube 動画表示の例

下記の動画をスマフォで見るとスマフォ画面に合わせて自動縮小されていると思います。


新旧を比較する

旧QHMでの YouTube 動画

#html{{
<iframe width="560" height="315" src="https://www.youtube.com/embed/51CH3dPaWXc" frameborder="0" allowfullscreen></iframe>
}}

新haikでの YouTube 動画

#video(https://youtu.be/GiuxvmiULhI)