BLOG

超簡単!WordPressの記事に「MOV」や「動画」を埋め込む方法

iPhoneのLivePhotoは「jpg(画像)」と「mov(動画)」ファイルの2つに分かれているのです。動画は「mov」ファイル
つまり「mov」ファイルをWordPressの記事内に貼れれば解決ということなのですが、結構厄介だった。

2通りある。動画も同じように出来るよ。

①「mov」を直接記事に貼る
②「GIF」に変換して記事に貼る

iPhoneから動画ファイルをPCに移動する

WS000727-2

iPhoneを接続すると「ポータブルデバイス」のように認識してくれるので開きます。

開いていくとLivePhotoの場合「jpg(画像)」と「mov(動画)」があるのでPCに移動。

WS000728

今回はこのファイルでやっていきます。

WordPressにはMOVファイルをアップロードはできるのでとりあえずしちゃいましょう。

WS000729

こんな感じでちゃんとアップロードされます。

WS000730-1

「mov」を直接記事に貼る場合、URLを使うのでこれをコピーしておきましょう。


mov(動画ファイル)を直接記事に貼る

直接記事に貼ると

IMG_0857

このようにダウンロードになってしまい記事内で直接再生出来ません。

そこで登場するのがプラグイン「TinyMCE Advanced

デフォルトメニューがこんな感じ。

WS000736

TinyMCE Advanced導入後はこんな感じに!かなり色々出来るようになってます!

WS000737

 

フォント色やサイズなど色々変更出来るし入れておくのはオススメですよ!

「挿入」→「動画を挿入/編集」を押します。

WS000732 WS000733-1

先ほどのURLを貼り付けます。

サイズは300*300とかでいいかと。それで「OK」を押すと動画が埋め込まれます。

ちなみにサンプルはこんな感じになるよ!音もちゃんと出せるよ。(下の動画は音声なし)


「GIF」に変換して記事に貼る

これのほうがぶっちゃけ簡単です。

LivePhotoをGIFファイルに変換してくれるアプリがあるのでそれを使うのがもっとも簡単かつベストです。
色々あるのでどれを使うかはお好みに。

Lively - Export Live Photo to GIF and Movie
Lively – Export Live Photo to GIF and Movie
無料
posted with アプリーチ
ImgPlay - GIFアニメ画像動画が作成できるアプリ
ImgPlay – GIFアニメ画像動画が作成できるアプリ
開発元:Minkyoung Kim
無料
posted with アプリーチ
Live GIF
Live GIF
開発元:Priime, Inc.
¥240
posted with アプリーチ
IMG_0857
※注意:貼り付けするとき「フルサイズ」を選択しないと動きません。

絶対にGIFファイルはフルサイズで埋め込みましょう。他を選択すると動画じゃなくて普通の静止画になっちゃうよ。


まとめ

写真と同じで埋め込むだけで大丈夫かと思ってたら大変でした。
でも慣れてしまえばサクサク出来るのでブログのクオリティが上がると思いますよ!

この機会に是非GIF使ってみてはいかがでしょうか。

💡Amazonおすすめキャンペーン

音楽1億曲以上聴き放題!最高の読書BGM【Amazon Music Unlimited】

⇒Amazon Music Unlimitedで聴ける曲⇒

学生は入らないと損!タダ同然でいろいろ使い放題のPrimeスチューデント

動画・音楽・写真保存・送料無料など特典多数
映画・アニメ・ドラマ大量見放題、音楽聴き放題、写真オリジナル画質で保存し放題、金額関係なく送料ほぼ全部無料!ポイント還元!など常時利用可能

忙しい人必見!耳で聴く本Audibleなら運転中でも満員電車でも本が読める!

ラインナップは小説・ラノベ、ビジネス、教養、自分磨き、堀江貴文、実用書、英語・語学、などオールジャンル。プロの声優や俳優による朗読なので内容がスッと頭に入ってくる。

amazon0円コンテンツ

Amazonって “0円” で買えるものあるって知ってた?

COMMENT

メールアドレスが公開されることはありません。