スマホ動画のブログ埋め込み方法【iPhoneとandroidのファイル形式も】

動画埋め込む ブログ

SNSシェア

 

 

【もくじ】
  1. スマホ動画のブログ埋め込み方法・初めに知っておくこと・代表的な動画ファイルの拡張子は！？ファイルサイズは？
  2. スマホ動画のブログ埋め込み方法・iPhoneとandroidスマホの動画ファイル形式は！？
  3. スマホ動画のブログ埋め込み方法・Wordpressプラグイン『TinyMCE Advanced』で簡単埋め込み

スマホ動画のブログ埋め込み方法・初めに知っておくこと・代表的な動画ファイルの拡張子は！？ファイルサイズは？

 

スマホ動画のブログ埋め込む前に、まずWordPressでアップロードできる動画形式は、以下の動画形式になりますので、アップロードする動画を確認してください

 

その前にファイルの動画形式だとか、拡張子だとかファイルフォーマットだとかコンテナだとか調べると単語が多すぎて初心者には『？？？』ですよね。ついでに表に記載しときます。

 

【WordPressでアップロードできる動画形式表】

コンテナ名
（動画形式）		ファイルフォーマット
（拡張子）		使用できる代表的な
映像コーデック		使用できる代表的な
音声コーデック		説明
MP4 .mp4 .m4a H.264・Xvid・Divx・MPEG-4AAC・MP3・Voribis・AC-3最新の機器ならほぼ対応androidスマホ
MOV.mov .qtH.264・MJEG・MPEG-4AAC・MP3・LPCMApple社が開発した音楽や動画を再生ソフトMac
iPhone
AVI.aviH.264・Xvid・Divx・MPEG-4AAC・MP3・LPCMWindows標準対応。互換性はあるが低圧縮で容量が大きい
WMV .wmv（.asf） WMV9WMA・MP3・AACWindows標準対応。普及率が高い
WebM.webmVP9・VP8VorbisGoogle次世代拡張子。インターネット配信での利用がメイン
VOB.wmvMPEG-2・MPEG-1PCM・AC3・MP2DVDに書き込まれたファイル形式DVD
FLV .flv (後継F4V）VP6・H.263・H.264MP3・AAC・ADPCMフラッシュプレイヤーがあればどのブラウザでも再生出来るFlash動画
Adobe Flash Player
MKV .mkv H.264・Xvid・Divx・MPEG-4AAC・Vorbis・MP3・LPCM・FLACWindows 10にて標準で対応する形式

※コーデックとは、動画や音楽が入ってる箱（ファイル）を開ける鍵みたいなものです。鍵が合わないと取り出せないので再生出来ないって感じです※

 

続いて、アップロード出来るサイズを確認してください。まぁアップロードする時に出てくるので、自分が持ってる動画のサイズを確認してくださいって事です。

アップロードサイズ

iPhoneでは動画のサイズの確認が出来ないので、PCでの確認は確認したい動画ファイルから右クリックしたら出てくるプロパティから確認してください

動画形式

ファイルの種類とファイルサイズ、作成日時なども確認できます。

 

 

スマホ動画のブログ埋め込み方法・iPhoneとandroidスマホの動画ファイル形式は！？

 

詳しく読んでくれた方は、もう分かってると思いますが

iPhoneの動画ファイルの形式は『MOV』
androidスマホの動画ファイル形式は『MP4』

となります。

注意すべきは、MOVファイルはそのままでは貼り付け出来ないので、iPhoneの方は動画をアップロードする時に次の三つのどれかを選んで動画を埋め込みます


動画をmp4等に変換する

Youtubeにアップロードする

プラグイン『TinyMCE Advanced』を使う

 

□併せて読むと効果的

 

⇩こちらは『MP4』を直接挿入したもの⇩

 

⇩ちなみに同じ事を『MOV』ですると⇩
IMG-9929

こうなります。

 

 

スマホ動画のブログ埋め込み方法・Wordpressプラグイン『TinyMCE Advanced』で簡単埋め込み

 

iPhone等で撮影する動画は、拡張子が『.mov』になので、そのままではWordpressの投稿画面に埋め込むことができません。

WordPressプラグイン『TinyMCEAdvanced』を入れると簡単です

  1. メディアを追加
  2. リンクをコピー
  3. メディアを挿入/編集・ソースに貼り付け

これでOKです（※編集画面では確認できないのでプレビューから確認してください）

メディア追加 リンクをコピー メディア 貼り付け

⇩こんな感じで貼り付けます⇩（mp４）

 

これでスマホ動画をブログに埋め込む方法をおわります。読んで頂きありがとうございます。

簡単に説明したり、分かりやすくするにはやはり動画の力は大事になってきます。５Gの時代が当たり前になるともっと顕著になってくるはずです。なので、文字で説明するブログだけでは生き残る事が難しいので、上手く動画を使っていきましょう

□動画を上手に使う為に
Youtubeの読み込みを高速化するが載ってる記事『【Wordpress】YouTube動画をブログに載せる【埋め込む】』

 

 

遊びのない人生も　お金のない人生も　くだらない　

稼いで遊び　遊びをお金に　あなたの才能を力に

仮想会社ニークルスク・代表

SNSフォロー