ニコニコ動画の外部プレイヤーのサイズ変更方法

『ニコニコ動画の外部プレイヤーのサイズ変更方法』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

ニコニコ動画ニコニコ動画を誰でも見れるように外部プレイヤーがあります。
その外部ブレイヤーのサイズを簡単に設定できます。

・・・と、やってみたけどこのサイトでやると変わってくれない。
他のWordPressのサイトのソースをコピペしてもダメ。
ホワイ!?

一応方法を書いておきますと、以下の流れになります。

動画ページを開いて、『ブログサイトに貼り付ける』をクリック。
ニコニコ動画

別ウィンドウでコードが表示されるので、コピーして貼り付けたい場所にペースト。
ニコニコ動画

以下のようなコードになると思うので、赤字の箇所を追加。

<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm*******?w=300&h=200"></script><noscript><a href="http://www.nicovideo.jp/watch/sm*******">(動画タイトル)</a></noscript>

色々調べて『w=***(横幅)』、『h=***(高さ)』と言う事が分かった。
分かったけど、どうにもこうにもその通り表示されない。
ホワイ!?

下にサンプルを貼っておきます。
ソースを見てもらえば上記のコードを入れてるのが分かると思いますが、ちゃんと表示してくれません。
ちなみにWordPressのテーマはデフォルト。
プラグインの『WP-Nicodo』も試してみましたが無駄でした。

なんでだろ~。





アカベコマイリ
WP-Nicodo

【iPhone】誰でも簡単にHTMLでアプリランチャーが作成できる!

『【iPhone】誰でも簡単にHTMLでアプリランチャーが作成できる!』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

iPhone 3GSHTMLの知識だけで誰でも簡単にiPhoneのランチャーが作成出来るようです。

yagutaの日記
Jailbreak不要で iPhoneアプリを起動できるランチャー

上記サイトの説明だけでは分かり難かったので補足。
サイト内に貼られているダウンロード先から『ilauncher.html』をダウンロードする。
何も考えずに、そのファイルをサーバーにアップロードする。

※WordPressを使用している人は、テーマ内にファイルをアップするのではなく必ず一番上の階層にファイルをアップする。
× wp-contents/themes/テーマ/ilauncher.html
○ ilauncher.html

サーバーにアップしたら、SafariでURLを打ち込む。
このサイトだったら、『http://kome-suki.net/ilauncher.html』になります。
すると、以下の画面が立ち上がります。(URLは自動で変わります)
iLauncher

アプリ名でリスト化されており、タップするとiPhoneに入れているアプリが起動します。
インストールされていないアプリは、Safariで新しいページが開き『ページが開けません』で終わります。
『ilauncher.html』の中身を見ると、JavaScriptを使ってアプリのスキームと呼ばれるコードでアプリを起動させているようです。
スキームが無いアプリは無理でしょうけど、以下のサイト等で色々公開されています。

iBlog
アプリのスキームを調べてみた
matuダイアリー
[iPhone]購入したアプリのURLスキームを整理してみました。iPhoneをより上手に使えるようになるために…

探せばまだまだあるかもしれません。
これの良い所は、HTMLとCSSを自分好みにいじれる点にあります。
例えばこんな事も出来ちゃう訳です。(画像は合成です)
iLauncher

さすがにメールとかのカウント数字は無理でしょうけど。
アプリの画像を自分で作る。
アプリのスキームを調べる。
HTMLとCSSをいじくりまわる。
面白そうですけど、面倒なんでやりません。w

Safariでのページをホーム画面に置いておけば、なお便利なランチャーになりそうですね。

米が好き
【iPhone】ホーム画面に追加した時のアイコンを作成する方法

【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法2

『【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法2』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

WordPress - メディアライブラリ昨日書いた記事の続きです。

前回は『フラッシュ形式』と『ポップアップ形式』のボタンを2つ設置する方法で行いましたが、画像が同じだと分かりづらいと思うので表示させる画像を分けてみました。
ソースを見ると一目瞭然ですが、画像ファイルは『wp-admin/images/media-button-image.gif』です。
これを新しく2つ作成し、画像リンクを変えるだけで簡単に表示を変えれます。

元の画像は 14×12 ですので、それに合わせて自作するも良しです。
私は只単に文字を乗せただけで作ってみました。

フラッシュポップアップ
アイコンWordPress - メディアライブラリWordPress - メディアライブラリ
ファイル名media-button-image_f.gifmedia-button-image_p.gif

これをアップロードし、また『wp-admin/includes/media.php』の書き換えを行います。

media.php 366行目~ (2.9の場合)
<a href="{$image_upload_iframe_src}&TB_iframe=true" id="add_image" class="thickbox" title='$image_title (Flash)' onclick="return false;"><img src='images/media-button-image_f.gif' alt='$image_title (Flash)' /></a>
<a href="javascript:w=window.open('{$image_upload_iframe_src}&flash=0','','scrollbars=yes,Width=650,Height=720,top=0,left=0');w.focus();" id="add_image" title='$image_title (Popup)' onclick="return true;"><img src='images/media-button-image_p.gif' alt='$image_title (Popup)' /></a>

結果的に、このような表示になります。
WordPress - メディアライブラリ

ついでに titlealt も変えてみました。
赤の太字で追加したコード(&flash=0)がありますが、これはポップアップ表示した際『Flashアップローダー』ではなく『ブラウザアップローダー』に最初から指定するコードです。
私はFirefoxを使っていて『dragdropupload』のアドオンを入れる事によって、テキストボックスにドラッグ&ドロップ出来るので多少の時間短縮にはなります。

『動画』『音声』『メディア』は使った事無いので無視してますと書きましたが、この方法で行えば同じような事が出来ると思います。(多分w)

【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法

『【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

WordPress - メディアライブラリ以前から各所で声があり、ちょっと調べてやってみました。

その声とは・・・
「WordPressの投稿画面で画像を挿入する時、一々フラッシュが立ち上がり1枚挿入したら消えてしまう。
連続で挿入する時もの凄く面倒だから、ずっと表示していて欲しい」
 との事。

機会があったらやってみようと思ってましたのでやってみました。
いやー、4・5時間かかっちゃったよ。w

結果的に何をしたかと言うと、
・画像挿入画面をポップアップで出す。
・1枚挿入しても、そのまま表示させる。
以上2点だけです。
それだけの為に何時間も・・・。

その何時間もかかった結晶(?)は以下より。
続きを読む >>

ニコニコ動画の外部プレイヤーがどこにでも貼り付けれるようになってる

『ニコニコ動画の外部プレイヤーがどこにでも貼り付けれるようになってる』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

ニコニコ動画先日からニコニコ動画(9)にバージョンアップされました。
サムネが表示されないとか、サーバーの重さは変わらずのようですけど。

今まではmixiFC2 BLOGなど、指定のサイトしか貼り付けれなかった外部プレイヤーが、どこでも貼り付けれるようになっています。
前バージョンの(ββ)ではコード表示がありませんでしたけど、実はもっと前から出来ていたのかも。
多分HTMLファイルだったら、どこでも出来るような気がします。
続きを読む >>

IE6使用者にIE8にバージョンアップしようぜと促すスクリプト

『IE6使用者にIE8にバージョンアップしようぜと促すスクリプト』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

UPIE8Kuma.jsまだまだInternet Explorer 6を使っている人は沢山います。
せっかく最新のIE8が出てるんだから、バージョンアップしましょうよ!(建前)

IE6より全然速いんですよ!(建前)

IE6だと、WEBサイトのレイアウトが崩れたりして綺麗に見れないんですよ!(半分本音)

いちいちIE6の表示チェックが鬱陶しいんですよ!(超本音)

そんな頑なまでにIE6にこだわる(?)人向けに開発されたJavaScript。
僅かなコードを入力するだけでサイトの左下に『クマー』が出て、IE8へのバージョンアップを促してくれます。
私も入れよっかなぁ。
ニコニコ動画のRSS、やっぱIE6だと崩れてるみたいだし。

左下のクマをクリックすると…。
UPIE8Kuma.js

しかしMSのIE8じゃなく、何故かフェンリル版。
UPIE8Kuma.js


BearFactory
インターネットエクスプローラー 8 推進スクリプト配布ページ

イメージマップ:複数の画像でリンクオーバーする方法

『イメージマップ:複数の画像でリンクオーバーする方法』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

イメージマップ最近めっきり使用頻度が少なくなってきたと思われる、イメージマップ(クリッカブルマップ)。

イメージマップとは
簡単に言うと、1枚の画像の中に複数のリンクを貼る場合に使用したりします。
例えば、右サムネの赤枠にそれぞれ違ったリンク先を指定したい時など。

で、それぞれのリンクでマウスを乗せた時、マウスオーバーで画像を差し替える方法をご紹介します。
CSSではなく、jQueryを使用します。
続きを読む >>

リンクをクリックした時に出る破線を消す方法

『リンクをクリックした時に出る破線を消す方法』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

リンクリンクが貼られたテキストや画像をクリックすると、回りに破線が出ます。
OperaSafariGoogle Chromeはデフォルトで出ません。
これが出るのは、IESleipnirFirefoxLunascape(WebKit時以外)です。

デザイン的にも、これを出させない為にCSSを使ってみましょう。
続きを読む >>

Lightbox を導入してみた

『Lightbox を導入してみた』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

Lyteboxエントリー内に画像を貼った時、大きい画像で表示さすのに 『Lightbox』 に対応させました。
正確に言えば、『Lightbox』 を元にした 『Lytebox』 。

色んなサイト見た事ある人は分かると思いますが、画像をクリックした時に 「ぶわぁ~」 っと表示されるアレですアレ。
続きを読む >>