VideoPop Plus

ビデオファイルの管理、リンク作成用プラグイン VideoPop Plugin を使用しているのだが、色々と不満点があったので機能拡張。
オリジナルからの拡張部分は下記のとおり。

  • メニューの日本語化対応
  • ユーザーレベル、表示方法等のオプションを管理画面から指定可能
  • ビデオファイルへのリンク形式としてポップアップウィンドウだけではなく、Lightbox 風、ModalBox JS を使用した表示(別途 ModalBox.js のインストールが必要)、普通のリンクから選択可能
  • ポップアップウィンドウへのリンクだけでなく、同一画面への埋め込みも可能
  • テンプレート修正不要
  • ポップアップウィンドウ表示用 php videopop.php をプラグインと同一ディレクトリに配置
  • SEO を意識したリンク形式への変更
  • フリーの FLV プレイヤー JW FLV Player をプラグインと同一ディレクトリに保存することで FLV 形式のファイルを扱えるようになる
    → Ver.0.6.9c よりプラグインファイルに同梱しました


ダウンロードと使用方法はWordPress Plugins/JSeries » VideoPop+を参照してください。

デモ

[videopop vid="1180318685″ vtitle="ツバメ 子育て"]flv ファイルのサンプル[/videopop]
[videopop vid="1179733177″ vtitle="柏崎 海中花火"]wmv ファイルのサンプル[/videopop]

[videopop vid="1180320654″ vtitle="オーストラリア クラウンカジノ" vinline="true"]動画ファイル埋め込みのサンプル[/videopop]

83 thoughts on “VideoPop Plus

  1. こぺ

    良質なプラグインをありがとうございます。 😛

    wordpress 3.0でVideopop+(0.8.1)を有効化すると、
    「投稿」「ページ」「カスタム投稿タイプ」それぞれの新規追加を行う画面でjavascriptのエラーが起こるようです。
    ブラウザ限定のエラーのようで、chrome(10.0)でこのエラーが確認出来ます。
    エラーの発生箇所としては、jquery.browser.chrome.min.js で、以下のエラーが返ってきます。
    「Uncaught TypeError: Cannot call method ‘push’ of undefined」

    貴サイトの下記ページコメント欄にある『ぶらり光画部』における問題と同じように、エラーによりwordpress管理メニューのドロップダウンなどが機能しなくなります。
    https://dogmap.jp/2010/06/24/wordpress-30/

    お時間がある時にでも対応をご検討いただければと存じます。

    返信
  2. なつき

    をかもとさま

    はじめまして。
    ワードプレスで家族用のアルバムを作っていて、動画投稿の仕方を探していたら、
    こちらにたどり着きました。

    早速インストールして、記事に投稿しようと思ったのですが、
    投稿時にエラーが出ます。(ビデオファイルはちゃんとアップロードできました)

    エラー内容
    [Exception… “Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLTextAreaElement.selectionStart]” nsresult: “0x80004005 (NS_ERROR_FAILURE)” location: “JS frame :: http://●●.myalbum.me/wp-admin/post.php?action=edit&post=156 :: vpInsertAtCursor :: line 515″ data: no]

    これはどこか設定が足りないという事なのでしょうか?
    まだ、ワードプレスも使い始めて日が経っていないため、仕組みが良く分かっていないです。

    もし分かりましたら教えていただけると嬉しいです。

    返信
    1. をかもと 投稿作成者

      なつきさん、はじめまして。

      お使いのブラウザは何でしょうか?
      多分 Firefox だと思われますが、そのエラーコードを検索してみても、中々対応策が見つからないですね。
      NS_ERROR_FAILURE – Google 検索

      こちらの環境では再現できないエラーのため、ちょっと原因がわかりません。
      お役にたてず、申し訳ない。

      返信
  3. aya

    をかもと さま

    度々本当にありがとうございます。

    DOMですか……。
    frashなどの<oblect>タグの部分をdocument.writeで書き出していたので、
    document.createElementに置き換えて新しく要素を作るかたちにすればよいのかな?
    ちょっと未知の領域ですが、頑張ってみます!

    しかし、取り合えずテーマのdocument.writeさせている部分は削ってみたのですが、
    相変わらずyoutubeのエラー画面にすっ飛ばされてしまいます。

    要するに、私がテーマ冒頭でHTTPレスポンスヘッダに
    「Content-Type:application/xhtml+xml」を吐き出させているのがいけない
    (xml宣言は関係ないですね。失礼しました)ということのようなので、
    大人しくtext/htmlで動作させるしかないんでしょうか……。

    Firefoxからfirebugでjavascriptデバッグの真似事を開始してみたのですが、
    (確かにdocument.writeでエラーを吐きますね)

    uncaught exception: Syntax error, unrecognized expression: [@class^=video]
    Line 0

    というエラーの一文が。
    VideoPop+を停止させると消えるので、これが該当のエラーなんでしょうか?

    html作成で使った範囲の飛び石のようなjavascript知識だと限界がありますね……。
    部分的に知りたいことだけかじった程度じゃなく、もっとちゃんと勉強しないと。

    返信
  4. aya

    初めまして。
    今回主にyoutube動画の埋め込み表示にこちらのプラグインを使わせて頂こうとしています。

    インストールから投稿へのタグ挿入までは問題なくいったのですが、
    いざ記事に表示させてみると、インライン設定で埋め込み表示させたものだけ再生されません。

    問題なく表示されているポップアップのものとはどうも表示に使われているswf自体が
    ビデオファイルのアップロードの画面から表示されるものと違っているようですので、
    「flvplayer.swf」を「mediaplayer.swf」と同様の内容のものに差し替えたら、
    無事に表示されるようになりました。

    特に今のところ問題なく使えてはいるのですが、
    今後予期せぬ不具合があるかも……と気になってしまったので、確認させて下さい。

    WordPress 2.9.1下で、プラグインのバージョンは0.8.1です。
    宜しくお願いします。

    返信
    1. をかもと 投稿作成者

      aya さん、はじめまして。

      本当ですね、ウチでも flvplayer.swf だと正常に動作していない。
      元々、mediaplayer.swf を対象にして作っているプラグインなので、mediaplayer.swf を使ってもらって問題ないです。
      flvplayer.swf は、互換機能を持った swf を友人に作ってもらって同梱したものです。
      後で修正するかもしれませんが、mediaplayer.swf が利用できるなら、そちらを利用してください。

      返信
      1. aya

        をかもと さま

        返信ありがとうございます。
        問題ないようなので、このまま使用させて頂きたいと思います。
        あいがとうございました。

        しかし、新たな問題が起きてしまい、
        続けてで申し訳ないのですが助けて頂けますでしょうか。

        WP-lightpopも追加使用させて頂いたのですが、
        VideoPop+の表示方法をLightPopにすると、Firefoxでだけ上手く表示されないのです。

        動作テストでyoutubeへのリンクを貼っているのですが、
        テキストリンクをクリックして画面がホワイトアウト?するところまでは普通なのですが、
        プレイヤーが表示されず、直接リンク先に移動する動作をする為、
        youtube側でエラーを吐いて
        「The URL contained a malformed video ID.」のページに飛ばされてしまうのです。

        IE8、Safari4、Opera10では問題なく表示される上、
        Firefoxで余所さまのサイトを見回ってみたのですが、
        普通にテキストリンクからLightPop表示できるものですから、
        何が原因なのだか自分ではサッパリ分からないので弱っています。

        作成中のサイトがアドレスを貼れないので分かりづらくて申し訳ないのですが、
        WP-lightpopは最新版で、設定はデフォルトのままで特に弄っていません。
        ショートコードは使わず、投稿中に

        test

        のような形で挿入しています。

        重ねて申し訳ないのですが、原因が分かりそうでしたらご教示下さい。
        宜しくお願いします。

        返信
        1. をかもと 投稿作成者

          aya さん、どもです。

          うーん、Firefox だけで発生する問題ですか。
          差し支えなければ、問題が発生しているサイトのURLをメールでお知らせください。見てみます。
          連絡先は wokamoto1973[あっと]gmail.com まで。

          返信
          1. aya

            をかもと さま

            返信ありがとうございます!

            しらみつぶしにチェックをしてみて、取りあえず、原因の特定はできました。
            xml宣言があると、上手くいかなくなるようです。

            作成中のサイトでは、テーマで<?xml version=”1.0″ encoding=”UTF-8″?>
            をIE以外のモダンブラウザのみ出力させるようにしているのですが、
            これを外してみたら問題なく動くようになりました。

            しかし原因が分かっても、対処法が分からなかったりします……。
            動的サイト構築、というかxmlについてまるで初心者なので、
            Google先生に頼り切りな現状、真実何がよくて何が駄目なのかはサッパリです。

            html+css時代に、Firefoxが一番解釈に厳密という印象だったので、
            何かテーマ中におかしな記述をしてしまっているのだろうとは思うのですが。

            このxml宣言がある状態だと、テーマ内で

            <script type=”text/javascript”>■■■();</script>

            を記述してdocument.writeを行っている部分も挙動しなくなるので、
            ???という感じです。

            何にせよ、単純に拙作のテーマに問題があるようなので、申し訳ありません。
            一応、ソース的には下記のような感じになっていますが……。

            ttp://www.tosc.jp/m/theme.txt
            (ヘッダー、サイドバー、フッター、インデックスをまとめたものです。
            インデント嫌いなので大変見づらいソースで申し訳ないです)

            XHTML validとかどうでもいいじゃない!と叫んでしまえたら、
            即座に問題解決ではあるんですけれど。

            xhtml、難しいですね。
            html分かるから何とかなるでしょ、と軽く考えていた少し前の自分を
            投げ飛ばしたくなってきました……。

            返信
            1. aya

              追記:

              xml宣言は関係なく、Content-Typeがapplication/xhtml+xmlだと
              document.writeは使えないのですね!

              後半の疑問は完全な私の勘違いです。
              もう一度確認してみたらどっちにしても動かない。
              お恥ずかしい……穴があったら入りたいとはこのことです。

              返信
              1. をかもと 投稿作成者

                aya さん、どもです。

                XHTML 1.0 Strict では、厳密には document.write() は認められていません。
                参照:XHTML Frequently Answered Questions(私的日本語訳) – Software Linkage

                ただし、より解釈のゆるい「XHTML 1.0 Transitional」では動作しますので、DOCTYPE を「XHTML 1.0 Strict」から「XHTML 1.0 Transitional」に変更すれば解決するかも。
                「XHTML 1.0 Strict」で行きたい場合は、document.write() を使っている JavaScript を修正して DOM 操作で画面を書き換えるようにする必要があります。
                ちなみに jQuery.lightpop.js では、document.write() は全く使用せず、すべてDOM操作で画面の書き換えを行っているので、修正は不要です。
                document.write()を行っている JavaScript のエラーにひきづられて正常に作動していないようですね。

                返信
  5. リバーウォーカー

    をかもと様

    お世話になっております。 リバーウォーカー です。
    色々、試みて見ましたが 依然として現象(LightPOPが作動しない)は改善できておりません。
    他にも追加のタグが必要なのでしょうか? 
    ちなみに、使っているトップページのテンプレートファイルの記述は以下の通りです。 

    何故、LightPOPが作動しないのか 皆目分かりません。 アドバイスお願いします。

    *********************************

    River Walker
    <link rel="stylesheet" href="/style-top.css” type=”text/css” />

    <img src="/images/walker.jpg” alt=”Riverwalker” width=”760″ height=”150″ />

    River Walker River filed report

    Site Images

    「riverwalker.jp」はFlyfisherのための映像リバーフィールドレポートです。仕事の合間に、 川へ出かけ撮り溜めた映像を編集して配信します。

    Copyright (C) riverwalker

    返信
    1. をかもと 投稿作成者

      リバーウォーカーさん、どもです。
      JavaSript の読み込みはちゃんと行われていますね。
      ただ、問題が一つ。

      LightPop の設定で「エントリのクラス」に “post” を設定していると思われますが、肝心の .swf ファイルの記述が <div class="post"> な要素で囲まれていません。
      以下のようになるように修正すれば、大丈夫かと思われます。

      <div class="post">
      <p><a href="http://riverwalker.jp/〜"><img 〜 /></a></p>
      </div>

      参考になれば幸いです。

      返信
  6. リバーウォーカー

    をかもと様

    ご無沙汰しております。 リバーウォーカーです。VideoPOP利用させて頂いております。
    プラグインの中でも、一押しのツールとして友人へも紹介しています。

    さて、少し困った現象(納得ないかない)がおきて、解消できないのでメールさせていただきました。
    ぜひ、ご教示ください。

    Blogページとは別に、TOPページを作成した映像を貼付けました。
    VideoPOPは、問題なく作動しますが、LightPOPが作動いたしません。

    TOPページと他のページが異なる点は、摘要さてるスタイルシートが違うだけです。
    LightPOPの設定の問題だけだと思うのですが、良くわかりません。

    TOPページから lightPOPさせるためには、どうすればいいのでしょうか?
    お忙しいとは存じますが、アドバイス願います。

    返信
    1. をかもと 投稿作成者

      リバーウォーカーさん、どもです。

      ご照会の件ですが、たぶんトップページのテンプレートに <?php wp_head(); ?> および <?php wp_footer(); ?> というテンプレートタグが含まれていないからだと思います。

      お使いのテーマテンプレートファイルで以下の2点を、ご確認ください。

      <head> 〜 </head> の間に <?php wp_head(); ?> というテンプレートタグが記述されてること。
      </body> の前に <?php wp_footer(); ?> というテンプレートタグが記述されてること。

      このテンプレートタグが無ければ、追加してやってください。

      返信
      1. リーバーウォーカー

        をかもと 様

        リバーウォーカー です。

        早々に、ご教示ありがとうございます。確かに、ご指摘のタグの記載がありませんでした。

        ご教示いただきました通りに、所定の場所へタグを追加して更新しましたが現象は同じ状態
        LightPOPが作動しません。 う〜???? なにがおかしいのでありましょうか?

        再度、ご教示を お手数をおかけして申し訳ございません。

        リバーウォーカーさん、どもです。

        ご照会の件ですが、たぶんトップページのテンプレートに <?php wp_head(); ?> および <?php wp_footer(); ?> というテンプレートタグが含まれていないからだと思います。

        お使いのテーマテンプレートファイルで以下の2点を、ご確認ください。

        <head> 〜 </head> の間に <?php wp_head(); ?> というテンプレートタグが記述されてること。
        </body> の前に <?php wp_footer(); ?> というテンプレートタグが記述されてること。

        このテンプレートタグが無ければ、追加してやってください。

        返信
  7. maya

    はじめまして。

    LightPopプラグインとVideoPop+を使用させていただいております。
    ありがとうございます。

    ひとつ不明な点がありご質問させていただきました。

    ie系のブラウザで閲覧すると
    videoサイズが小さいサイズで320×260PXで固定されてしまいます。

    firefoxやoperaでは指定したサイズで表示されます。

    これは、どこかに設定するところがあるのでしょうか?
    アドバイスいただければ助かります。

    ヨロシク御願い申し上げます。

    返信
    1. をかもと 投稿作成者

      maya さん、はじめまして。

      IE系のブラウザで、小さいサイズで表示されるというのは http://www.birthstone.jp/lucky/?p=226 の flv ファイルでしょうか?
      こちらで IE7, Firefox 3.0, Opera 9.64, Chrome 2 で確認した所、どれも正常に表示されているようです。
      ひょっとすると Adobe Flash のバージョンが問題で発生する不具合かもしれません。
      こちらで確認したブラウザではすべて Adobe Flash 10 を使用しています。

      なお Flash ビデオ表示用に使用している mediaplayer.swf は私が作成したものでは無いため、不具合の発生具合等は、こちらでは把握していません。
      mediaplayer.swf の配布元 ( http://www.longtailvideo.com/ ) で、最新版を入手して入れ替えると治るかもしれませんが、明言はできません。

      返信
  8. Kaze

    はじめまして。
    LightPopプラグインを兼ねてから利用させて頂いており、
    このたび遅ればせながらVideoPop+を導入させて頂きました。

    実は管理画面にて「設定」→「VideoPop+」にて、
    以下のようなエラーが出て、素人也に色々ググって見たのですが、
    最善の対処法が分からず困惑しています。
    何卒、ご教授頂ければ幸いです。

    「Webサーバ上に “fopen()” 関数でファイルを作成できませんでした. この関数が使用できるかどうか確認してください.」

    レンタルサーバーはTOK2プロフェッショナル、
    phpMyAdmin は2.6.2-rc1 、
    WordPressは最新版2.7.1でLightPopの動作には問題は有りません。
    何卒、宜しくお願い致します。

    返信
    1. をかもと 投稿作成者

      Kaze さん、はじめまして。

      実は管理画面にて「設定」→「VideoPop+」にて、
      以下のようなエラーが出て、素人也に色々ググって見たのですが、
      最善の対処法が分からず困惑しています。

      「Webサーバ上に “fopen()” 関数でファイルを作成できませんでした. この関数が使用できるかどうか確認してください.」

      VideoPop+ では、WordPress をインストールしたフォルダの下の wp-content フォルダに videopop と言うフォルダを作成して、その中に videopopdata.txt と言うファイルを格納します。

      まず、 wp-content/videopop フォルダが作成されて、書き込み可能になっているかを確認してください。
      出来ていなければ ftp ソフト(ffftp等)で wp-content/videopop フォルダを作成して、書き込み可能にしてください。

      それでも、エラーが出るようであれば wp-content/videopop フォルダ内に videopopdata.txt と言う名前の0バイトのファイルを作成してください。
      0バイトのファイルの作成方法ですが Windows をお使いであれば、エクスプローラで右クリックして表示されるメニューから「新規作成」->「テキスト文書」を選択すれば、0バイトのファイルが作成できるはずです。
      そうして作成した0バイトのファイルを videopopdata.txt と言う名前で、ftpソフトで wp-content/videopop フォルダに転送してやってください。

      これでもうまくいかない場合は、ご連絡ください。

      返信
  9. sowち

    はじめまして

    「sowち」といいます。

    ご教授いただきたいのですが、

    現在、wpMEの2.1.2でVideoPop+を動かそうとしているのですが
    設定画面の「表示方法」を「ポップアップ」にすると、
    記事投稿画面で正常な表示が行われません。

    input要素内のonclickイベントハンドラが、
    javascript:VideoPop内のシングルクォーテーションで切られてしまって
    その後の本来イベントハンドラ内に収まっていなければいけないソースが
    あふれてしまっています。

    videopop_plus.phpの330行か、
    あるいは1183行〜1186行あたりで
    シングルクォーテーションをエスケープ処理できれば良いかと思っているのですが
    上手くいきません。

    お忙しいとは思いますが、対処について教えてください。
    よろしくお願いします。

    環境は以下のとおりです
    Apache 1.3.37
    MySql 4.0.27
    php 4.4.7
    wpME 2.1.2
    VideoPop+ 0.7.5

    返信
    1. をかもと 投稿作成者

      sowち さん、はじめまして。

      現在、wpMEの2.1.2でVideoPop+を動かそうとしているのですが
      設定画面の「表示方法」を「ポップアップ」にすると、
      記事投稿画面で正常な表示が行われません。

      すいません、基本的に WordPress の最新版(現在だと 2.7.1)でしかテストしていないので、 ME 2.1.2 では動かないかもです。
      管理画面周りは、WordPress 2.5 で大幅に変更があったため、古いバージョンでは動作しない可能性が高いです。
      VideoPop+ の古いバージョンなら動作するかもしれませんが…
      ちなみに古いバージョンの VideoPop+ は、以下のURLから取得できます。
      http://sourceforge.jp/projects/wppluginsj/releases/?package_id=6421

      また、VideoPop+ で使用しているショートコードは WordPress 2.5 以降で実装された機能なので、ME 2.1.2 では動作しません。
      ME 2.1.2 で使用する際は ”ショートコードをエディタに挿入する。” のチェックを外せば上手く動くかもですが、保証はできません。

      返信
  10. リゾート人間

    をかもとさん、こんにちは。

    videopop+を使わせていただいております。
    数あるプラグインの中で、私の中では一番のお気に入りです。
    以前に、動画サイズを設定できるようにリクエストしたところ、対応していただき非常に感謝しております。
    さて、flvファイルのときに、
    param name=”allowfullscreen” value=”true”
    が自動で組み込まれるように出来ませんでしょうか?

    このパラメータが入ると、動画のフル画面表示が可能になります。
    いまは、ソース表示させて手動で入れて対応しているのですが、自動で入るようになると便利なのですが検討お願いします。

    返信
    1. をかもと 投稿作成者

      リゾート人間さん、どもです。

      param name=”allowfullscreen” value=”true”
      が自動で組み込まれるように出来ませんでしょうか?

      このパラメータが入ると、動画のフル画面表示が可能になります。
      いまは、ソース表示させて手動で入れて対応しているのですが、自動で入るようになると便利なのですが検討お願いします。

      確かに動画タイプによって指定したパラメータを追加するようにできると便利ですね。
      次回のバージョンアップの時に機能追加できないか、考えてみます。

      返信
  11. リーバーウォーカー

    をかもと様

    アドバイスを頂きました通り、最新Versionの2.7.1にアップグレードしましたところ、問題は解消しました。お手数をお掛けたしました。
    レンタルサーバ会社の”自動インストール”を使って、手を抜いたのが過ちのもとでありました。本当に、申し訳ありませんでした。
    ご報告まで…….。

    ところで、http://oboegaki.net/wordpress/plugin/videopop.html でご紹介されている”画像のサムネイルからポップアップ”や”ちょっと加工してサムネイル画像からポップアップ”をさせるのは、WP-lightpopのプラグイン設定から行うのでしょうか? アドバイスお願いします。

    返信
    1. をかもと 投稿作成者

      リーバーウォーカーさん、どもです。

      正常に動作したようで良かったです。
      本当は ME 2.0.x 系でも動作するようにすれば良いんですが、なかなかそこまで手が回らないのが現状です 😳

      ところで、http://oboegaki.net/wordpress/plugin/videopop.html でご紹介されている”画像のサムネイルからポップアップ”や”ちょっと加工してサムネイル画像からポップアップ”をさせるのは、WP-lightpopのプラグイン設定から行うのでしょうか? アドバイスお願いします。

      多分、”ショートコードをエディタに挿入する。” のチェックを外して、自分でリンクタグを習性しているんだと思いますが…
      詳しくは、紹介されているサイト ( http://oboegaki.net/wordpress/plugin/videopop.html ) で聞いてみてください。

      返信
      1. リバーウォーカー

        をかもと様

        リバーウォーカーです。 色々、チャレンジして問題解決しました。ちょっと、苦戦しました。
        色々と情報提供とアドバイスありがとうございました。 

        今後、複数のサイトでVideoPop+、WP-LightPopを利用させていただきたいと思っています。一部は、ビジネス商用サイトになると思うのですが、その際、著作権使用料、使用上の注意すべきことなど教示ください。 よろしくお願いします。

        返信
        1. をかもと 投稿作成者

          リバーウォーカーさん、どもです。

          VideoPop+, WP-lightpop とも、ライセンス形態としては GPL で公開しています。
          これらプラグインを修正して公開する際、GPL以外の制限事項をつけず、ソース公開していただければ、特に問題ありません。
          GPLについての詳細は、以下のリンクが詳しいです。
          GNU 一般公衆利用許諾契約書
          GNU GPLに関して良く聞かれる質問

          商用で利用する際も、これらのプラグインを利用する際に著作権使用料等は発生しませんので、どうぞご自由にお使いください。
          ただし PayPal による寄付は随時受け付けておりますので、もしよろしければお願いします。
          PayPal 経由で寄付
          # サーバやドメインの運営費や、WordPress 交流会・呑み会への参加費用等に使わせていただきます。

          あと、申し訳ありませんが、これらプラグインの開発は本業ではなく、あくまで片手間でやっておりますので、十分なサポート等は期待しないでください。

          返信
          1. リバーウォーカー

            お礼のご返事遅くなりました。 GNU 一般公衆利用許諾契約書内容 確認いたしました。
            もし、何らかの収入につながるような事あれば、必ず、PayPal へご寄付させていただきたいと思います。
            また、商用利用の事例として ご報告させていただきたいと存じます。 

            更なる、改善と機能強化 ご期待申し上げております。

            返信

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください