*

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

  関連記事

OGPサンプル画像

OGPの設定

■OGP(Open Graph Protocol)とは 「このページにこんな情報が書かれている」という情報をmetaタグ

no image

docomoのXHTMLでCSSをきかせる

また今更なメモです。 ※新しい機種は、これ入れなくても実機での確認はできてる様子? ++++++++++++++++++

no image

便利になった無料クラウドサービス

クラウドって言葉聞くようになって久しいです。 マシンもairにしちゃったことですし、 クラウドサービスもおおいに活用しよ

no image

MAMPで複数サイトのローカル環境を作る

MAMPで複数のローカル環境が欲しかったので作ってみました。

no image

Tweener開発終了らしい

つい昨日そんな記事を見かけたのですが。 Tweenerの終焉 おぉ残念 確かに個人が開発するには、かなり負担な気はします

コメントを残す

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


*

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

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

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

実は先月で退職しました

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

mail
Thunderbirdのアドオン「QuickText」のテンプレが消えた?時の対処法

後で調べたら、QuickTextで割とよく見られる問題?のようですが、私は今回初めての体験だったので焦りました。 私の場

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