WordPressのoEmbedを利用したYouTube動画をレスポンシブ対応させる方法
WordPressにはoEmbed機能があり、YouTubeの動画ページのURLを貼り付けるだけで自動的にYouTube動画を埋め込むことができます。 最近はレスポンシブデザインの考え方が広まってきていて、コンテンツ部分の幅を可変させることが多いと思います。そこでYouTubeの動画をレスポンシブにしようと単純に下記のようにしたとします。 iframe { max-width: 100% } これだと、コンテンツ幅の伸縮に合わせて動画の幅も伸縮するのですが、「高さ」が伸縮せずおかしな形になってしまいます。高さも可変にしようと height:auto とすると今度は逆に高さがものすごく小さくなってしまいます。 max-width: 100%; height: auto にした場合 そういう場合は次のような方法でYouTube動画も幅・高さ可変のレスポンシブにすることができます。 functi
鉄のフライパンの使い方
注文してた山田工業所製のフライパンが届いたので、さっそく使ってみました。 まずは空焼きと油ならし。その後、卵でテストしたらお湯で洗って完了。
HaKU「everything but the love」MV (@HaKU_music) #HaKU
■□■2015年11月18日リリース■□■ Sg「衝動」好評発売中！ ※MBS・TBS深夜ドラマ『監獄学園-プリズンスクール-』オープニングテーマ ●SPACE SHOWER MUSIC VIDEO AWARDS 2013 BEST VIDEOSノミネート作品 ●「東京TDC賞2014」TDC賞受賞 ●TBS系列「ボクシング中継」2013テーマソング Mini Album『wonderland』収録 「everything but the love」 タイポグラフィを基軸に、さまざまな分野でデザインワークを展開する大原大次郎と、 映像・音楽・グラフィック・プログラミングと幅広い分野で活躍する注目のクリエイター集団「TYMOTE（ティモテ）」の井口皓太がタッグを組み、画期的なMVが完成。 大原大次郎による「書道」にも近いタイポグラフィを、TYMOTEが強みとしている3Dモーショングラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
feb19
Hyundai Accent 3D projection mapping