iPhoneで撮影した動画(.mov)をWordPressで表示する方法
top-bnr

iPhoneで撮影した動画(.mov)をWordPressで表示する方法

 

iPhoneで撮影した動画(.mov)をWordPressで表示する方法

iPhoneで撮影した動画ファイルをメディアからWordPressに投稿した際。

iPhoneで撮影した動画ファイルをメディアからWordPressに投稿

このように、ダウンロード形式で表示されたことはありませんか?

ファイル名のみが表示される

サイトへ訪問して下さった方に見ていただくために投稿した動画ファイルが、ダウンロードしないと見られないというのは、少し不便ですよね。

そのため、mov拡張子の動画ファイルをWordPressの投稿記事で再生表示できるようにする方法をご紹介いたします。

用意するもの

  • TinyMCE Advancedプラグイン
  • iPhoneで撮影した動画ファイル(.mov)

※TinyMCE Advancedプラグインがインストールされていない場合は、インストールを行って下さい。

手順

1.movファイルのURLをコピー

メディア内から投稿したい動画ファイルを選択し、画面右側に表示されるURLの値をコピーしてください。

movファイルのURLをコピー

2.投稿画面のビデオ編集ボタンをクリック

TinyMCE Advancedがインストールされている場合、画面のようなビデオマークのアイコンが表示されるので、クリックします。

投稿画面のビデオ編集ボタンをクリック

※もし表示されていない場合は、TinyMCE Advancedの設定画面から追加しましょう

3.ソースに動画ファイルのURLを貼り付け

1でコピーしたURLを、ソースに貼り付けます。

ソースに動画ファイルのURLを貼り付け

4.[OK]ボタンをクリック

ソースにURLを貼り付けましたら、画面右下の[OK]ボタンをクリックします。

[OK]ボタンをクリック

5.動画の確認

ビデオアイコンの表示が投稿画面に表示されていることを確認し、プレビューで確認しましょう。

動画の確認

注意事項

WordPressのメディアの最大アップロードサイズを超える動画ファイルの場合は、外部サイトを経由して表示する方法をご利用ください。

例えば、YouTubeに動画を登録し、埋め込みコードを取得して表示する方法。
Facebookページがある場合は、Facebookページに動画を投稿し、その埋め込みコードを取得して表示する方法もございます。

bottom-bnr
  • ブログランキング・にほんブログ村へ
  • FC2ブログランキングへ
  • 人気ブログランキングへ
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る