FC2動画をFC2ブログ(外部サイト)に埋め込んだのですが、スマホで見るとはみ出てしまいます。 スマホ用に動画のサイズをレスポンシブにする方法はありますか。
このコミュニティにご参加頂くと、コメントの書き込みができます
コミュニティに参加すると、コメントを書き込めます
1件中、1～1件表示
Copyright(c)1999 FC2, Inc. All Rights Reserved.
よく似た悩みから暫定措置を編み出しました。参考になれば幸いです。
【例】youtubeの動画をレスポンシブ化する(PC作業)
1.埋め込みたい動画のコードを取得し、ブログに貼り付ける。
→画面右下の[共有]
→[埋め込む]
→[動画の埋め込み]以下のコードをコピー
→編集中の記事にペースト
2.埋め込みした動画を<div>タグで囲む
<div>
<div>
<iframe>~動画部分・省略~</iframe>
</div></div>
3.<div>タグにCSSを指定
<div style="max-width:560px;">
<div style="position:relative; width:100%; height:0; padding-top:56.25%;">
<iframe ~動画部分・省略~ ></iframe>
</div></div>
4.<iframe>タグの先頭にCSSを指定
<div style="max-width:560px;">
<div style="position:relative; width:100%; height:0; padding-top:56.25%;">
<iframe style="position:absolute; top:0; left:0; width:100%; height:100%;" ~動画部分・省略~></iframe>
</div></div>
本来ならブログテンプレートのCSSに書き加える所なのですが、何故か上手く反映されなかったので、HTMLに直接書き込む方法を取りました。
FC2リクエスト - [要望中]動画の埋め込みをレスポンシブ対応にして欲しい
https://request.fc2.com/ja/request/10925