iPhoneの動画をWordPressで表示する方法

Photo by Alice Donovan Rouse

こんにちは、マーチンです。

 

記事に動画を挿入したのにファイル名でしか表示されないと不便というか見栄えが悪いですよね。

 

今回はそんな投稿記事の動画を再生表示にする方法を紹介します。

 

 

iPhoneで撮影した動画をWordPressで表示する

 

普通のメディアを追加で挿入するとファイル名がリンクでダウンロード形式で表示されます。

 

 

用意するもの

 

TinyMCE Advanced プラグイン

編集する際に編集ボタンを増やしてくれるプラグインですのでインストールして有効化しよう

 

ファイルのリンク(URL)をコピー

 

メディアライブラリ内のファイルを選択してリンクをコピーして下さい。

 

 

 

投稿画面の挿入タブをクリック

 

「TinyMCE Advanced」を有効化している場合、投稿エディター上部に「挿入」タブがあります。

 

※もし表示されていない場合は「TinyMCE Advanced」の設定画面から追加して下さい。

 

 

ソースにコピーしたURLをペースト

 

一般タブのソースに先ほどコピーしたリンク(URL)をペーストします。

 

サイズはお好みで変更して[OK]ボタンをクリックします。

 

 

動画を確認

 

下記の様な表示になったらプレビューで確認しましょう!

 

 

下記のように動画が再生されてればOKです♪

 

 

 

WordPressのファイルアップロード上限値

 

メディアを追加でファイルのアップロードの画面を確認すると

 

「最大アップロードサイズ:○○ MB」と記載があります。

これが、アップロードできるファイルサイズの上限値になります。

これはお使いのサーバー会社に依存するため人によってかわります。

なので上限値を超える動画データはそもそもWordPressのメディアにアップできません。

 

上限値を超える動画はYouTube経由でアップする

 

YouTubeに動画をアップロード

埋め込みコードをコピーする

投稿画面にペーストして表示させる

 

Facebookも同様にできるようですのでお好みで使い分けるのがいいですね!

 

IT

Posted by まーちん