ブログ

トピック詳細

コメント一覧 1件中、1～1件表示

• 初めまして。
  よく似た悩みから暫定措置を編み出しました。参考になれば幸いです。
  
  【例】youtubeの動画をレスポンシブ化する(PC作業)
  
  1.埋め込みたい動画のコードを取得し、ブログに貼り付ける。
  →画面右下の[共有]
  →[埋め込む]
  →[動画の埋め込み]以下のコードをコピー
  →編集中の記事にペースト
  
  2.埋め込みした動画を<div>タグで囲む
  <div>
  <div>
  <iframe>~動画部分・省略~</iframe>
  </div></div>
  
  3.<div>タグにCSSを指定
  <div style="max-width:560px;"[色: 999999]>
  <div[/色] style="position:relative; width:100%; heig ht:0; padding-top:56.25%;"[色:999999]>
  <iframe ~動画部分・省略~ ></iframe>
  </div></div>[/色]
  
  4.<iframe>タグの先頭にCSSを指定
  [色:999999]<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; wi dth:100%; height:100%;" [色:999999]~動画部分・省略~></ifr ame>
  </div></div>[/色]
  
  本来ならブログテンプレートのCSSに書き加える所なのですが、何故か上手く反映されなかったので、HTMLに直接書き込む方 法を取りました。
  
  FC2リクエスト - [要望中]動画の埋め込みをレスポンシブ対応にして欲しい
  https://request.fc2.com/ja/request/10925

  2021年08月25日 16:58 by COIL(コイル)