サポート » プラグイン » Liteboxを使って、youtubeをポップアップしたい

  • 解決済 itiyama

    (@itiyama)


    こんにちは。初めまして。itiyamaと申します。
    よろしくお願いします。

    Value Domain(「XREA+(PLUS)」)のサーバーで、
    ME2.2.3を使っています。(wordpress-2.8.2-ja.zip
    を落として、サーバーの別フォルダに、アップロードし、
    コチラもインストール完了しました。)
    かなり、投稿をした後で、アップバージョンに気がつきましたが、
    もう少し、このサイトの「アップグレード」を参考にし、
    バックアップも行ってから、考えるつもりです。

    前置きが長くなりました。スイマセン。バージョンは、ME2.2.3です。
    ●画像をポップアップしたいと思い、Liteboxをプラグインで使ってます。
    http://www.doknowevil.net/litebox/
    からlitebox-1.0.zipを落として、ページにあるとおり、
    <a href="images/image-1.jpg" rel="lightbox" title="Horses"><img src="images/thumb-1.jpg" width="100" height="40" alt="Beautiful Horses" /></a>
    という事で、通常の画像はポップアップできています。

    youtubeの画像も使えるというページもありましたが、
    どう書いたらいいのでしょうか?

    通常は、
    <object width=”450″ height=”370″ align=”left”><param name=”movie” value=”http://www.youtube.com/v/xxxxxxxx=ja&fs=1&”></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/xxxxxxxx=ja&fs=1&&#8221; type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”450″ height=”370″ align=”left”></embed></object>
    というようなコードで使ってますが、
    ポップアップするには、どうしたらいいのでしょう?

    例えば、
    <a href="http://www.youtubemp4.com/video/xxxxxx.mp4" rel="lightbox" title="2009年7月"><img src="http://www.xxx.com/images/40_1.jpg" align="top" width="100" height="75" style="width: 75px; height: 56px" /></a>
    というのも上手く行きません。

    ●他に、
    videopop_plusのプラグインを使い、
    wp-lightpop、wp-lightpopを組み合わせるというのも魅力的に思いますが、

    Litebox(litebox-1.0.zip)をこのままでやりたいのですが、
    ご教授下さい。お願いします。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • youtubeの画像も使えるというページもありましたが、

    この情報はLitebox公式HPなどの情報でしょうか?

    LiteboxはYouTubeの表示は無理です。
    画像系のみです。

    Liteboxを改造してYouTubeも対応できるようにしているLighttubeを使えばできそうですが、使用した事がないので不明です。

    トピック投稿者 itiyama

    (@itiyama)

    masaruさん、こんにちは。
    ありがとうございます。そのページも、
    方法まで具体的には、出ていなかったので、お尋ねしました。

    そうですか。無理ですか。分かりました。

    お教えいただいたページのも、
    改造しなければならないし、
    Lightbox v2.03.3に変更しないといけないようですので、
    考えてしまいます。

    それでは、出来るだけ簡単にセットアップできる、
    そして、litebox-1.0.zipのように、ポップアップできる、
    そんな都合の良いプラグインはありませんでしょうか?
    簡単にセットアップ出来るというのは、
    具体的に説明してくれているページが存在して欲しいという事です。

    検索したら色々ありそうです。迷いますので、
    お使いになってみて、良いプラグインがありましたら、
    どうぞお教え下さい。もちろん、主観的なご意見で結構であります。
    我が儘ばかりで、大変恐縮ですが、どうぞよろしくお願いします。

    うちはitiyamaさんと同じ事をする必要がないのでこれ以上は不明です。
    また、検証する時間もしばらくは取れません。

    同じ事してる人のれすを待つか、自分で頑張るしかないと思います。

    トピック投稿者 itiyama

    (@itiyama)

    ありがとうございました。失礼しました。
    自分でやってみます。どうもすいませんでした。

    ここで一発解決かもしれません。

    WordPress用プラグインになっているようですよ。

    トピック投稿者 itiyama

    (@itiyama)

    こんにちは。V.J.Catkickさん、ありがとうございます。
    遅くなりましたが、よろしくお願いします。

    お教え頂いた、
    VideoPop+ (videopop_plus.0.8.1)
    http://wppluginsj.sourceforge.jp/videopop-plus/
    WP-lightpop
    http://wppluginsj.sourceforge.jp/wp-lightpop/
    を参考にやりました。

    VideoPop+のプラグイン設置で、エラーが出て躓いてました。
    フォルダ(/wp-content/videopop)を自分で作成しなければならないのが、
    分からなくて、時間がかかりました。スイマセンが、お願いします。
    ————–
    VideoPop+と、WP-lightpopを有効にし、
    VideoPop+の表示方法で、LightPopを選んでいます。
    リンクの書き方が分かりません。

    例えば、YouTubeの動画リンク先が、
    "http://www.youtubemp4.com/video/YouTubeDoga.mp4"
    にある場合、以下の書き方を試しましたが、駄目でした。

    http://dogmap.jp/2007/08/10/videopop-plus/
    のデモ「ツバメ 子育て」を参考に、

    <a href="http://www.youtube.com/v/L5kTx3htBtc&color1=0xb1b1b1&color2=0xcfcfcf&hl=ja&feature=player_embedded&fs=1">
    テスト</a>

    としましたが、駄目でした。

    ググりましたが、良い参考ページが出てきません。

    <a href="http://www.youtubemp4.com/video/YouTubeDoga.mp4">テスト</a>

    <a href="http://www.youtube.com/v/YouTubeDoga&hl=ja&fs=1&">テスト</a>

    [videopop *]<a href="http://www.youtube.com/v/YouTubeDoga&hl=ja&fs=1&">テスト</a>[/videopop]

    [videopop *]http://www.youtube.com/v/YouTubeDoga&hl=ja&fs=1&[/videopop]

    等も、分からないまま試したので、駄目でした。
    どうぞ、お教えください。

    wp-lightpop, Videopop+ の作者です。

    Videopop+ は、自サーバ内にある動画を表示するためのプラグインです、YouTube 動画を表示したいだけであれば必要ありません。
    YouTube 動画を表示したい場合には wp-lightpop 単体で対応できます。

    YouTube の動画をポップアップ表示するには、

    wp-lightpop を有効にした後、設定画面で「対象のXHTML要素」に以下の値をセットしてください。

    a[href*=.youtube.com/watch]

    ※デフォルトで設定されているはずです。

    エントリ内には、以下のように YouTube へのリンクを書いてください。

    <a href="http://www.youtube.com/watch?v=E5xL8wFPoe4" title="YouTube - 長岡まつり 天地人花火 2009.08.03">長岡まつり 天地人花火 2009.08.03</a>
    トピック投稿者 itiyama

    (@itiyama)

    wokamotoさん、ありがとうございます。
    やっと、分かりました。V.J.Catkickさんのご親切も、分からずに、
    スイマセンでした。解決しました。

    なるほど。Videopop+は、外部のファイルを
    リンクするには、不要だったんですね。
    本当にやっと、ここまで、辿り着きけました。
    a[href*=.youtube.com/watch]
    これには、そのようなリンクの意味があったんですね。
    やっと理解できました。解決するのに、時間がかかりましたが、
    素晴らしいです!これで、今までのブログから、
    一気に、WordPressへ移せます。
    ありがとうございました。本当に、感謝を申し上げます。

    ※長岡まつり 天地人花火 2009.08.03も楽しく拝見しました。
    ありがとうございました。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「Liteboxを使って、youtubeをポップアップしたい」には新たに返信することはできません。