ニコニコ動画などのレスポンシブ

2016年5月6日

ニコニコ動画のイメージ図

Youtube や Google Map 等は自動的にレスポンシブになります。
Youtube や Google Map のレスポンシブサンプル

ニコニコ動画など、他の動画サイトの動画をレスポンシブ化したい場合は、以下のように、取得した script や iframe のタグを

<div class="i-video"></div>

で囲ってください。

<div class="i-video">
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm~
</div>