米が好き

2009年にYouTubeにアップされた動画を対象に、7つの部門に別れ最も人気のあった入賞動画が決定したそうです。

部門は
・ 音楽
・ アニメ
・ 実写・特撮
・ ハウツー・ブログ
・ 動物
・ テクノロジー・乗り物
・ 風景・夜景・自然
の7つに分かれています。

入賞動画だけあって見た事ある動画、見落としていた動画などが沢山あります。
一気に全て見るのは厳しいので、少しずつ目を通していきたいと思います。

YouTubeが1080p対応になり盛り上がっております。
『&hd=1』になったのが7月頃なので、4ヶ月ちょっとでまたレベルアップしましたね。

9/24に紹介したYouTubeのコードをXHTMLにするジェネレーターを紹介して以来そのコード形式で書いていましたが、何とこのコードではWPtouchで表示されない事が判明しました。

本来ならこのように表示されます。


しかし、XHTMLのコードだと表示されません。
PC表示にしても同じです。


以前紹介したプラグイン『mmyYouTubeHQ』はちゃんと表示されます。
が、いかんせん動画の下に意図しないテキストが入るのであんまり好きくない。
仕方が無いので、元のYouTube自体に書かれている埋め込みコードに戻しました。

現デザインの右上に表示させている動画ですが、今まではYouTubeのお気に入りに入れた動画をRSSで読み込んでいましたが、1記事で書いた動画を表示するようにしました。
記事内の動画と右上の動画のサイズが違うので、少々技（と言うまでもないですが）がいります。

まずYouTubeの埋め込みコード

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/OLeZAGLEzcU&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/OLeZAGLEzcU&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

この中に書かれた『width（幅）』と『height（高さ）』を削除。
あと動画のコードも削除します。

『hd=1』と『fmt=37』を付け足す。
（fmt=37 だけで良いかもしれませんが）

<object><param name="movie" value="http://www.youtube.com/v/●&hl=ja_JP&fs=1&hd=1&fmt=37"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/●&hl=ja_JP&fs=1&hd=1&fmt=37" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed></object>

このコードを『AddQuicktag（過去記事）』で追加します。
これでYouTubeの動画を貼る時はボタン1つで、元動画のアドレス部を●位置に追加すれば表示する事が出来ます。

最後に動画のサイズはCSSで調整します。
記事内のCSS

.entry object,
.entry embed {
  width: 425px;
  height: 344px;
}

サイドのCSS

#sidebar object,
#sidebar embed {
  width: 300px;
  height: 246px;
}

便利な事でも全てに対応してないと、やっぱ使えませんね。
デフォルトが基本って言った所でしょうか。

Firefoxを使っていてYouTubeを見た時、10秒毎に止まります。
回線の速度が遅いなーと思ってたんですが、どうやらそうではないらしいです。

なにやらForefox2.0以降に搭載されたセッション復元機能がこれを行っているとかかんとか。
必要か不必要か分からない機能ですが、少なくともYouTubeを見る時は不必要です。
ではこれを改善しようってな方法です。

アドレスバーに『about:config』と入力（コピペ）してエンター。
下のような警告表示が出るように、最新の注意を払って実行してください。
何があっても、誰も責任を取ってくれません。


ズラーっとリストが表示されます。

フィルタの部分に『browser.sessionstore.interval』と入力（コピペ）します。
検索表示された『値』が『10000』だと思います。
これは『10000＝10秒』という意味。
これが原因で、YouTubeを見た時10秒毎に止まる訳ですね。

この数値を高くすれば良い訳ですが、大きくし過ぎるのはあまり上手くないようです。
せいぜい5分（300000）ぐらいにしておきましょう。
10分ある動画でも、5分も見てれば全て読み込まれていると思いますし。

さぁ、これで快適なFirefox ＆ YouTube生活を満喫してください。

HPやブログにYouTubeの動画を貼る時は、埋込みコードを貼れば一発でOKです。
しかし、このコードはXHTML向きじゃないようで、その元のコードをXHTML仕様に直してくれるサイトがあるようです。
今やXHTMLが主流になっているのに、問題なく表示出来るとは言え天下（？）のYouTubeらしくありませんね。

YouTubeやGoogle自体、XHTMLではなくHTMLだから仕方ないと言えばそれまでですが。

サイトと方法は以下。
続きを読む

YouTubeは『マイ動画』や『お気に入り』をRSSで配信しています。
それを、1つ前の記事で書いた方法で表示させる方法です。

以前のコードのままでは表示されず、PHPのコードを使う必要があります。

以下の例は、以前私がアップした『かめー』を参考にして書いています。

まずはYouTubeのアカウントを持っていない事には始まらないので、作成しましょう。（無料です）
ログインしたら、動画をお気に入りに追加して『お気に入り』を開きます。


この『お気に入り』のRSSのアドレスを取得します。
1番手っ取り早いのは、ソースを開いて『rss』で検索すれば以下のコードが摘出されます。

<link rel="alternate" type="application/rss+xml" href="http://gdata.youtube.com/feeds/base/users/＊＊＊/favorites?client=ytapi-youtube-user&v=2" title="Youtube - ＊＊＊ さんのお気に入り">

上記の『href』をコピーして、以前のコードに追加します。

sidebar.phpなど

<?php
  $rss = fetch_rss('http://gdata.youtube.com/feeds/base/users/＊＊＊/favorites?client=ytapi-youtube-user&v=2');
  $maxitems = 1;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ( $items as $item ) :
?>
  （表示させる箇所）
<?php endforeach; ?>

次からが問題で、RSSで取得した動画のアドレスを記述しても表示されません。
『URL』と『埋込み』のアドレスが違う為です。
『$item['link']』ではURLが取得されます。

『かめー』のURL。

http://www.youtube.com/watch?v=HKR8J4uXcTA

『かめー』の埋込みタグ。

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/HKR8J4uXcTA&hl=ja&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/HKR8J4uXcTA&hl=ja&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

『HKR8J4uXcTA』だけは共通なので、PHPの『substr』関数を利用します。
『substr』は指定した位置からの文字を取得できる関数です。

元のコードに『<object> ～～～ </object>』を追加し、『substr』関数を追加します。

<?php
  $rss = fetch_rss('http://gdata.youtube.com/feeds/base/users/＊＊＊/favorites?client=ytapi-youtube-user&v=2');
  $maxitems = 1;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ( $items as $item ) :
?>
  <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/<?php echo substr($item['link'], 31); ?>&hl=ja&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/<?php echo substr($item['link'], 31); ?>&hl=ja&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
<?php endforeach; ?>

URLの31文字目からが『HKR8J4uXcTA』なので、その部分を上手く当てはめます。
後は動画の表示する大きさを指定します。
元サイズは『425×344』です。
これを以下の式で計算します。

私は横幅300pxにしたので、高さは以下の式になります。

最終的なコードは以下のようになります。
効果あるか分かりませんが、気分的な問題で『hd=1』も入れてみました。ｗ

<?php
  $rss = fetch_rss('http://gdata.youtube.com/feeds/base/users/sutetema/favorites?client=ytapi-youtube-user&v=2');
  $maxitems = 1;
  $items = array_slice($rss->items, 0, $maxitems);

  if (empty($items)) echo 'No items';
  else
    foreach ( $items as $item ) :
?>
  <object width="300" height="243"><param name="movie" value="http://www.youtube.com/v/<?php echo substr($item['link'], 31); ?>&hd=1&hl=ja&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/<?php echo substr($item['link'], 31); ?>&hd=1&hl=ja&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="243"></embed></object>
<?php endforeach; ?>

家族でお墓参りに行った時、池の中でスイスイ泳いでいた亀をiPhoneで撮影してみました。
iPhone初の動画撮影が亀って。ｗ
手を叩いているのは、鯉を呼ぼうとしている5才の甥です。

かめー
[youtubehql]HKR8J4uXcTA[/youtubehql]

しまった、カメラ（iPhone本体）は横にして撮らなきゃいけないのか。
それにしても、中々綺麗に撮れるもんですね。

2009/7/26～8/1の目に付いた情報・ニュースなどをまとめてご紹介。
1つの記事にする程でもないけど、そのまま放置するには勿体無いと言った内容です。

Google リーダーを使ってタイトルなどで流し読みしているんですが、タイトルで目に付いた記事内容を読んでスターを付けて、一挙放出という方法を取っています。
続きを読む

心癒される、でかい水槽のある水族館の動画。
HD画質なので、是非フルスクリーンで見て頂きたい。

Kuroshio Sea – 2nd largest aquarium tank in the world

いやっほぅ～い！

いいぞ！　いいぞ！　YouTube！！

がんばれ！　がんばれ！　Google！！

こういった大手サイトが動いてくれると、IE6撲滅への道は早まると思います。
もうね、私歓喜！！ｗ

早く私もバージョンアップしたい。


作り手側なので、IE6のチェックの為バージョンアップしてません。
ちなみにこのブログは、IE6は無視してるのであしからず。

無駄に上手い。ｗ
最後のムーンウォークが完璧すぎる。

【マイケルジャクソン】スリラーを指で踊ってみた