集め検索CLOSEProfileARIEL数々のプロモーションを企画し5億を売上てきましたが修業期間を終え、現在WEBコンサルなどをやっています。このブログではありとあらゆるWEBマーケティングの情報をお届けし個人が自由な人生を創造できるようになれるコンテンツをお届けします。取扱説明書Wordpress自分で撮影した動画や音声、で公開されている動画などをWordpressでは簡単に埋め込み表示をすることができます。YoutubeはURLをエディターにコピペで埋め込むことができるという手軽さ。動画や音声も非常に簡単に埋め込みができます。設定をしたりプラグインを導入すれば更なるカスタマイズも可能です。ここではWordpressに動画・音声を埋め込むありとあらゆる方法とカスタマイズをする方法を網羅的に解説していきます。最後に1.Youtube動画を埋め込む2つの方法それではまずはYoutubeの動画を埋め込む方法ですが主に2つの方法があります。1つはめちゃくちゃ簡単だけど細かい調整をすることができない方法でもう1つがちょっと面倒だけど細かい調整をすることができる方法です。どちらのやり方も覚えておくと便利ですのでここでは両方解説していきます。1-1.動画のURLで埋め込むまずは簡単にユーチューブの動画を埋め込む方法について解説していきます。これは非常に簡単で「え?こんなんで動画が埋め込めるの?!」と思うやり方です。やり方は非常に簡単です!表示させたい動画のyoutubeページに移動をしてURLをコピーして投稿画面に張り付けるだけです。あなたが挿入したいyoutubeページを開いてみましょう。開いたらURLをコピーしてください。URLをコピーするあとは、このURLをワードプレスの投稿画面に張り付けるだけです。貼り付けると以下のようにビジュアルエディターにユーチューブの動画が表示されます。これだけで投稿画面にYoutube動画が埋め込まれました。非常に簡単なので動画を入れるときにはこの方法を使いたくなってしまいますが、簡単なのは確かですがこの挿入方法には弱点があります。下記を見てみてください。一目見ればわかるように、横幅が狭いのです。500ピクセル以内ならば綺麗に入るのですがそれ以上になると全画面表示ができなくなってしまいます。youtube動画を入れたいのならいいですが、動画をもっとインパクトあるように見せたいなどの場合はこの挿入の仕方はあまりオススメできません。その場合は次やり方で動画を埋め込んでください。1-2.コードを取得し埋め込む先ほどはURLを投稿画面にコピペするだけで動画を埋め込むことができましたが、サイズを変えたり表示の仕方をカスタマイズしたい場合はこの埋め込み方法をオススメします。先ほどと同じくYoutubeにアクセスしてサイトに張り付けたい動画を表示して動画の評価の隣にある共有のテキストをクリックしてください。共有のテキストをクリックするすると以下のような画面がポップアップで表示されますので、埋め込むのボタンをクリックしてください。ACTION・埋め込むのボタンをクリックするすると、今度は以下のような画面に切り替わりますので右下のコピーをクリックしてください。ACTION・コピーをクリックするコピーをクリックするとコードを自動的にコピーすることができるので、投稿画面のテキストエディターに貼り付けていきます。動画を挿入したい場所に貼り付けを行う青で囲ってある部分が先ほどコピーしたコードになります。これで終わりではありません。今回はサイズを指定するのでサイズの変更をしていきましょう。height=”315′′の数値を変更するだけです。最近ではレスポンシブが普通なのでスマホでも綺麗に表示させるために「%」で指定をすることをオススメします。height=”480′′と入力してください。height=”480′′」に編集するこれはどういう設定かというと、横幅を100%で表示をして縦は480の大きさに指定しています。これでPCでは画面いっぱいに動画を表示しスマホで閲覧しても綺麗に画面いっぱいに入れることができます。これで、が、当然高さの比率はあってないのが弱点ですけどね。この比率を合わせて綺麗に表示をしたいのならばCSSの設定が必要になります。class=”movie”></div>で囲うだけで全画面表示をすることができるようになります。このようにURLを入力しないやり方の場合はサイズなど細かい設定ができます。このやり方では、細かい設定をすることができます。1-3.表示の仕方をカスタマイズする先ほど、タグをコピーする段階の画面で投稿に表示をする際の細かい設定をすることができます。スタート時間を調整することができます。動画の中でも特にここだけを見てほしいという場合などに使えます。上の場合は3時間46分10秒からスタートさせています。□動画が終わったら関連動画を表示するYouTubeの埋め込み動画は再生完了後に関連動画が自動的に他の動画の一覧が表示されるのですが、このチェックをはずすと関連動画が表示されません。□プレイヤーのコントロールを表示するYouTubeの下には通常は再生ボタンや音量の調整をするコントロールバーが表示されていますが、このチェック項目を外すと表示を消すことができます。□動画のタイトルとプレーヤーの操作を表示する埋め込んだ動画の左上には動画のタイトルが表示されますがこのチェックを外すとタイトルが表示されなくなります。このように主に4つの設定をすることができます。(プライバシー強化モードを有効にするは除外しました。)あなたの投稿に表示したい形式を選択して設定をしてから投稿画面に貼り付けてください。・・このやり方だけを覚えておけばYouTube動画をWordpressに挿入する基本は完全にオッケーです。2.動画・音声(mp4/mp3)を埋め込む方法では、続いて今度はYoutubeにアップロードせずに動画を埋め込む方法について解説をしていきます。これは画像のアップロードと挿入方法とやり方は一緒です。音声も同じ要領で挿入することができますが、ここでは動画を埋め込む方法について解説していきます。1-1.FTPソフトorメディアで動画をアップロードするまず最初に動画をアップロードしなければ表示できないのでアップロードをしていきましょう。アップロードの仕方はFTPソフトから直接サーバーにアップする方法とWordpressのメディアからアップロードする方法です。動画のファイル容量が大きい場合はFTPソフト動画のファイル容量が小さい場合はメディアでアップロードすることをオススメします。(ファイル容量が大きい場合は時間がかかりすぎるので)今回は管理画面のメディアからアップロードしていくのではなく、下記のように投稿画面から【メディアを追加】をクリックしてメディアを追加画面でドラッグアンドドロップで動画をアップロードします。投稿画面の左上にあるメディアを追加をクリックする。メディアを追加画面にドロップするちなみに動画はWMVではなくmp4形式にしてください。(音声はmp3)動画のファイル容量によっては時間がかかりますが終了すると以下のような画面になります。これでアップロードが完了しました。1-2.動画を挿入するアップロードが完了したら早速動画を挿入していきます。動画の挿入方法は簡単で添付ファイルの詳細で設定をしてから投稿に挿入ボタンをクリックするだけです。投稿に挿入ボタンをクリックするこれで下記のように埋め込みができます。https://torasu-web.com/login/wp-content/uploads/2018/01/youtube.mp4同じ要領で簡単に音声も挿入することができます。最近動画は情報発信の上では非常に有用な媒体なのでどうせ使うのならばもっといろいろカスタマイズをしたり表示の仕方を工夫したい方も多いはずです。そこでここでは動画の表示をカスタマイズできるプラグインを紹介しておきます。必要に応じて導入を検討してみてください。Video-thumbnailsYouTubeなどのサムネイル画像を自動的に取得してワードプレスのアイキャッチに自動的に登録してくれるプラグインです。動画プロモーションをする際や紹介したい動画があるときには非常に便利です。設定の必要がなくデフォルトで使用できます。WP-NocodoYouTubeやVimeoは世界的ですが,日本を代表する動画サイトといえば「ニコニコ動画」ですが、ニコニコ動画はデフォルトのままだとWordpressサイトに挿入ができないのですがこのプラグインを使うと挿入することができます。WidgetsこれはYouTubeの動画をサイドバーに公開するプラグインです。表示をするのならば普通にできるのですがこのプラグインを挿入すると記事事に表示する動画を変えることができます。YouTubeの関連動画を自分で作るみたいなかんじですかね。Proこのプラグインは有料ですがWordpressで動画を有効活用したいのならば絶対に導入しておきたいプラグインです。これまで解説してきた設定が簡単にできるのもありますが、広告などを削除できたりデザインを挿入できたりします。何よりものメリットは広告を表示することができるところです。他人の動画でも自分の好きな広告を表示してしまうというヤバすぎるプラグインです。自分の動画にも思い通りの広告を好きなタイミングで挿入することができるので非常に効果的に動画を使うことができます。このプラグインは体験サイトで実際にお試しができるので使ってみて必要ならば手にしてみてください。Proを体験する最後にさて、今回はWordpressに動画を挿入するための代表的な方法を2つ紹介しました。最近では情報処理もシンプルなものになっているため動画は上手に使ったほうがいいです。実際YouTubeは検索エンジンよりも簡単に再生回数を稼ぐことができる現代はWordpressでも動画は上手に活用したほうがいいかもしれません。このサイトでも落ち着いたら動画でWordpressの使い方の授業をやろうと思っています。ウェブ-.ホームシェアメニュープロフTOPへ。