ワードプレス 動画を表示する方法

9月20日えびすクローズセミナー2 「動画を表示する方法」

TinyMCE Advancedを使って、投稿した記事に動画を表示させる方法

このような動画を表示させます。今回はmovの3秒ほどの動画で、6MBありました。あまり容量の大きなものはアップロードできないかもしれません。「メディアを追加」→「ファイルをアップロード」画面を見ると最大アップロードサイズが書いてあります。

 

TinyMCE Advancedプラグインをインストールしておきます。インストールされていない場合は7月5日の「ワードプレス プラグイン」を参照してください。

 

0920%e5%8b%95%e7%94%bb-url01

「メディアを追加」をクリックし、ファイルアップロードで、投稿したい動画をアップロード。投稿したい動画ファイルを選択し、画面右側のURLの値をすべてコピーします。右上の☓で閉じておきます。

 

0920%e5%8b%95%e7%94%bb-%e6%8c%bf%e5%85%a502

投稿画面の「挿入」をクリック→「投稿を挿入/編集」をクリック

 

0920%e5%8b%95%e7%94%bb-%e8%b2%bc%e3%82%8a%e4%bb%98%e3%81%9103

一般タブ→先程コピーしたURLをソースに貼り付け→「OK」をクリック

 

0920%e5%8b%95%e7%94%bb-%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a204

投稿画面では、ビデオアイコンが表示されています。

 

0920%e5%8b%95%e7%94%bb-%e3%83%97%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc05

プレビューで動画が表示されているか確認します。

 

 

 

コメント コメントは承認制です。すぐに反映されませんので、ご了承ください。

タイトルとURLをコピーしました