*

wordpressでプラグインを使用して動画を表示する

   

前回の投稿で久しぶりに動画をアップしてみたのですが、一つ疑問が。
通常wordpressに動画を投稿するときは、一般的にはYoutubeを利用してるんでしょうか?

自分の場合、Youtubeを利用する頻度も少ないし、動画のデータはサーバー内に持っておきたい方なので(きっと一番簡単なやり方なんでしょうが)利用しません。

動画投稿の際に、ややつまづきましてメモしておきますが、一回にまとめるとわかりにくいので3回に分けます。

(1)wordpressでプラグインを使用して動画を表示する
(2)wordpressの投稿画面でPHPを使えるようにするプラグイン
(3)wordpressでiOSデバイスとそれ以外の振り分け

まずは、wordpressで動画を投稿する際に利用しているプラグインについてです。

スポンサードリンク

その前に動画ですが、iPhoneで撮った動画が.movだったので、そちらを使用します。

そもそも、動画を投稿するのはだいぶ前にもあるのですが、そのときからのプラグインが健在のようです。

【プラグイン】
・FLV Embed(PCなど主にFlashPlayer利用可能なブラウザ用)
・QuickTime Embed(iPhoneとiPad用として)
※管理画面>プラグインの新規追加でそれぞれ検索してインストールしてください。
プラグインを有効化します。

【動画部分の記述について】

//FLV Embedの記述 動画があるパス 幅 高さ
[flv/urlpass/movie.mov 360 240]

//QuickTime Embedの記述 動画があるパス 幅 高さ
[qt:/urlpass/movie.mov 360 240]

投稿画面内に上記の書き方で投稿すると動画が確認できるようになると思います。
(どっちもmovファイルで見れました)

以前動画を投稿したときは、まだFlash全盛期でFLVで動画表示をやってたような気がするのですが、今は「iPhoneとiPadで見れないのもなぁ」ということで「QuickTime Embed」での表示も入れました。

そうなると、MACのPCでは記事内に動画が2つ表示されることになるので、それも見栄えが良くないのでPCとスマホで振り分けて表示させます。
(※すみません、今Androidでは動画が見れてないと思います)

まずは、その前に投稿画面でPHPを使えるようにするためのプラグインを入れます。
次回に続く。

 -Web, wordpress

Sponsored link

Sponsored link

  関連記事

WordPressにてアイキャッチ画像を一括で登録するプラグイン「Auto Post Thumbnail」

wordpress(このブログ)のテーマを変更してみたらアイキャッチ画像を設定せねばならんテーマでした。 なんやかんやこ

no image

WordPress カテゴリとかアーカイブページにも改行を反映

こまごまメモです。 管理画面>外観>テーマ編集 のテンプレートから編集。 編集するテンプレートは、テーマによって違うので

no image

ただいま読書中→読みました

この前のお部屋整理で下の本を見つけました。 以前旦那さんが買ってきた本です。 600万人の女性に支持されるクックパッドと

よく使いそうなCSS3のlinear-gradientの指定を整理してみた(2015年3月)

CSS3のグラデーションについて、結局どこまで指定したらいいのかわからなくなるので一旦自分用に整理しておきます。

wordpressのテーマを「STINGER3」に変更するときはプラグインに注意

超今更なんですが、会社の人に教えてもらったのでテーマを「STINGER」に変更してみました。 テーマとしてはすごい有名な

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

共働きの30代女性。
福岡でWebに携わってます。
主に自分用の細かいメモを書いてます。
細かい内容が多いですが、他の方にも役立つなら幸いです。

ブログの記事を紹介していただきました

このブログ更新するの、約1年ぶりか(汗) すごいお久しぶりです。 このブログを始めてもう地味に10年くらい経つのですが(

確定拠出年金、退職したときに行う手続き(継続するor掛金停止する)

私、昨年から確定拠出年金をしております。 会社には確定拠出年金の制度がなかったので、「個人型年金」の加入者として掛金の拠

実は先月で退職しました

だいぶブログさぼっておりましたが、実は先月末で会社を退職しました。 別にこの歳になって、自主退職したわけじゃないのです。

  • ブログランキング・にほんブログ村へ