頚椎椎間板ヘルニア 頚椎症性神経根症 を発症中。しばらくお休みをいただいております。

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

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>

その他の設定

Posted by るな