ナムジの深宇宙探訪

EVE Onlineでまったり交易

記事 »

ニコニコ動画をWordPressに貼り付けたい

ニコニコ動画 初稿2007-11-11 更新2009-02-26 4

いまさら言うまでもないことではあるが、ニコニコ動画(RC2)が面白い。ただでアニメがみれるからとか、そんなんじゃない。動画職人がアイディアを練って作る動画が面白いのだ。

こんなブログに書いても、たいした読む人がいるわけでもなく、人の感想を読むよりも、ニコニコ内で次々と動画を見ていた方が面白いかもしれないけれども、一応、動画など貼り付けて、好き勝手なことを書いてみようと思って、動画のカテゴリを作ってみた。 まずは、動画へのリンクをWordpressに貼り付けることができるかどうか実験してみたけれども、残念ながら、ニコニコがはき出すコードを貼り付けてもうまくいかない。調べてみたら同じ症状の人がいた。

blog@ongmap.com » Google Map貼り付け用タグ生成ツールこれも原因不明なんですが(これは多分僕の環境だけなんじゃないかと思うんですが)、iframeタグを貼り付けるとちゃんと表示はするのに、再編集が不可能になってしまうという不可解なことが起きています。だれか、Wordpress詳しい人教えてくれないだろうか? (この件については、WYSIWYGエディタ機能をオフにしたら、とりあえず解決しました)

blog@ongmap.com » Google Map貼り付け用タグ生成ツール

こ、これは痛手だ。><;
ビジュアルエディタは手放したくないし。ネットで検索して探しても、解決策がみつからない。

しかたがないから、自分のスキルでできる手順を考えてみた。まず、ニコニコが提供するブログ貼り付け用コードの中のURLを表示する。実際には、貼り付けたい動画のURLを以下のように変更してブラウザに表示させる。

http://www.nicovideo.jp/watch/sm772924

http://www.nicovideo.jp/thumb/sm772924
nico-thumb.jpg

この中から必要なものを自分のブログにコピペしよう。ただし、コピペで貼り付けた場合には、再生数、コメント数、up主コメント、最終コメントが更新されなくなるので、これらはコピペしない方がいいだろう。

私の場合は、以下のように表示してみようかと思う。テーブルタグを止めて、投稿日の強調を解除して、半角スペースを入れて、改行の解除や追加をして、blockquoteで囲った。元からついてるCSSのclassは無視してそのまま。それほど手間はかからない。

ねこ鍋 5:30 07/08/05 16:56 投稿
ねこ鍋

ちょっと面倒だけれど、他に方法が思いつかないし、誰か技術力のある人がいずれ解決してくれることを期待して、現状ではこんなもんかな。

追記

やはりニコニコ貼り付け需要は高いようで、WordPress限定ではなく、ブログ全般に対応する方法として、下記のブックマークレットが登場しました。iframe使ってないので、WordPressでも使えます。
ニコニコ動画サムネイル作成ブックマークレットを作り直したよ – 敷居の先住民

コメント・トラックバック 4

  1. 1. 種類:コメントANN 2008-03-04 02:02

    自分もニコ動へのリンクを張りたかったのですが、同様の問題でタグがくずれるので、プラグイン作ってみました。

    まだ、自分のブログ以外ではテストしてないので、良かったら使ってみてください。
    http://www.ironhearts.com/wp/archives/16

  2. 2. 種類:コメントナムジ: 2008-03-04 11:22

    ANN様
    すごいですね。プラグイン作れるんですね。このブログを放置しすぎて、ちょっと忘れかけていたところでした。嬉しいお知らせをありがとうございます。

  3. 3. 種類:ピングバックサイトデザインを改善 - ナムジの深宇宙探訪 2009-04-13 22:07

    [...] 、ニコニコ動画のサムネイルなど、なんでも自由にを貼り付けられるようになりました。この問題が解決するまでに、2年もかかってますが、結局、採用したのは、こちら。 » カスタムフ [...]

  4. 4. 種類:ピングバックいつのまにかWordPressにニコニコ動画を貼り付けられるようになっていた件 - ナムジの深宇宙探訪 2010-02-22 21:43

    [...] 以前に、<iframe>を使った動画情報を貼り付けるのに苦労しました。しかし今回は、動画そのものを<script>で貼り付けられるようになっています。ビジュアルエディタを使ってもコ [...]

コメントを投稿する

RSSコメントフィード

トラックバックURL