*

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

  関連記事

jqueryを使用したチェックボックスの一括選択・一括解除

またチェックボックスネタで恐縮なんですが、jqueryでの書き方が分かりやすかったのでメモです。

no image

大塚商会のアルファメールプレミアにwordpressをインストール

また大塚商会のアルファメールさんですが、今度はプラチナではなくてプレミアです。 プレミアの場合は、wordpressの動

山口一日目・セミトラのtFont展示

山口のYCAMにて、セミトラのtFont展示とトークショーを見に行く。 展示のスタジオの壁一面にフォントが映されてて、

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

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

no image

ADOBE CREATIVE SUITE 5 デザインセミナーツアー

Adobe CS4のアップグレード版を注文してたのですが、案の定というか…売り切れてしまった模様。。 どうせ購入するなら

コメントを残す

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


*

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

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

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

実は先月で退職しました

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

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

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

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