ウェブ虎の巻：動画アップの方法

1.YouTubeにアップされている動画の場合

表示例

ソース

<div style="margin:1.5em 0">[youtube]<iframe width="560" height="315" src="https://www.youtube.com/embed/MogX2f3bjd4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>[/youtube]</div>

手順

• STEP.1
  Youtubeの埋め込みコードを取得
  Youtubeの画面右下にある「共有」から「埋め込む」を押して、コードをコピペします。

  
  
• STEP.2
  表示を最適化
  貼り付けたコードを丸ごと選択して、編集画面の上にある「YouTube最適化」のボタンを押します。
• STEP.3
  完成！！

最適化しなくても動画を挿入することはできますが、環境によっては、縦横比や天地左右の余白などが崩れます。

↑ただコードを貼っただけの場合

2.iPhoneで撮影した動画の場合

表示例

ソース

<video class="ch-movie" src="https://www.ch-files.net/wp-content/uploads/2018/09/IMG_5022-2.mov" controls autoplay></video>

手順

• STEP.1
  iPhoneで動画を撮影
  撮りっぱなしだと上記デモ動画（たった6秒）でも11.9MBもある。
• STEP.2
  videosmallerで動画を圧縮
  -97.70%削減の282.55kBに！

  http://www.videosmaller.com/jp/
  ※チェックボックスがふたつありますが、どちらもチェックしない
  ※横幅は640を選択
  ※720を選ぶとPCでも横幅いっぱいになりますが重たくなるので妥協します。
• STEP.3
  「メディアを追加」で動画をアップ
  画像をアップするのと同じようにすればOK
• STEP.4
  ソース内のURLを変更
  動画のURLをソース内のURL部分に入れる
• STEP.5
  完成！！