*

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

  関連記事

WebデザイナーもiPhoneアプリ作れるとな。

http://appliya-inc.com/ja/oem/ プログラムがわかんなくてもアプリ作れちゃう時代がくるらしい

GoogleとYahoo!の電話コンバージョンタグの設定、番号が複数ならクリックイベントも設定

設定したことなかったので、電話コンバージョンタグの設定をメモっておきます。 ※タグの取得についてはやってないので、他の方

キーボードショートカット

Dreamweaver8でZen-codingを使えるように設定する

会社のソフトがDreamweaver8で、てっきりCS3以降のものしかZen-coding対応してないものだと思ってたら

Windows版Safari5.1.7をダウンロードしたい→でも自己責任でお願いします

AppleがWindows版Safariの開発を終了してから、しばし経ちます。 「WindowsでSafariとか使わん

Google Analyticsの画面

Google Analyticsの新バージョン トラッキングコードの場所

久しぶりにアナリティクス見たら、新しくなってまた大いに迷う。 1)右端のボタンをクリック 2)アカウントの管理者の名前の

コメントを残す

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


*

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

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

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

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

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

実は先月で退職しました

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

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