kyo.com26/7/2008YouTube動画を簡単に1行で貼るスクリプト※この内容は古くなっており、その後のYouTubeの仕様変更で不要になりました。ここには似合わないネタなのでボツにしてたんですが、YouTube動画の貼り付け方がよくわからんという身内のために書いたスクリプトがもしかしたら誰かの役に立つかも?ということでコードを載せます。Validatorチェックをパスさせないと気が済まないこだわりの人objectタグが使えないTypepadみたいなブログを使っている人Nucleusとか記事中に複数行のjavascriptコード書きにくいCMS使っている人たまにしか貼らない動画のために常にHeader内にAC_RunActiveContent.jsみたいなの置いとくのが何となくイヤだ、というキレイ好きな人...ストライクゾーン狭いですね、該当しない方は華麗にスルーしてください。YouTube機能のある日記系サービスでは普通自前script使えないです。いう名称で保存し、サーバの好きな場所にFTP等で転送*します。以下の例ではサーバトップの/jvs/というディレクトリ内に置いたと仮定します。貼り付けたいYouTube動画のページのアドレスの最後、v=以降の文字列をコピー。それを記事中にこのようにペーストします。src="https://www.abcjapon.co.jp/gz/youtube.js?v=Kg1FsVeoEUQ"></script>終了。こんな感じに表示されます。記事の趣旨上、javascriptを有効にしていないと表示されませんよ。;-)オプションもしブログのカラムが狭い場合とかは、下記のようにwidth,heightを指定できます。src="https://www.abcjapon.co.jp/gz/youtube.js?v=Kg1FsVeoEUQ&width=360&height=295">幅360ピクセルだとこんなかんじ。いちいち幅や高さを指定するのは面倒なのでyoutube.jsの41〜42行目の数値を自分のブログに合わせて直接変えちゃうのもありでしょう。あとwmodeも指定できます。例:&wmode=opaque高画質版に対応しました。例:&start=120(120秒のところからスタートしたい場合)詳しくはこちらをご覧ください。付けると自動的に再生開始します。※保存してFTPとかよくわかんなかったり自由にファイルを置けるサーバがない場合は下記の1行を貼れば手っ取り早く試すことができます。WordPressの場合は『ビジュアルエディタ』ではなく『コード』の状態で貼ってくださいね。MovableTypeの場合は『リッチテキスト』以外のフォーマットで。直リンの場合は、常に存在し続ける保証がないことを一応念頭に置きつつよろしくです。こんなものを?以前は簡単にPHPファイルをjavascriptファイルとして使用することで引数を渡していました。javascriptだけで書けば僅かながらサーバの負荷軽減になるだろうということで、javascriptファイルへのリンク部分にクエリストリング付けてPHPでなくjavascriptで処理させたかったんです。Serviceのチェックを通らないというのがあります。YouTubeもobjectタグだけでなくiframeでコード提供してくれるといいんですが。行番号付コードと簡単解説パラメータ出力部分はyoutube.jsでググったら出て来たコードをベースに簡単に手を加えています。クエリストリングを連想配列化するスクリプトはgroundwalker.comさんの記事を参考にさせていただきました。下のコードをFirefoxでコピペすると行頭に#や行番号が付いちゃったりするので、コピーしにくい場合はこちらからどうぞ。追記:高画質モードで貼れるようにパラメータを追加しました。stringを取得できるようにしています。31行目のdecodeURIComponentは今回の目的には必要ないのでコメントアウトしています。この処理を省くことで古いMac版IE5でも動作しますが、さすがにもう使ってませんよね??ブログがきちんと表示できないブラウザは対象外ということで。41行目の引数の文字列に使用不可な文字が入っていた場合のアラート英作文はテキトー(汗)ですので好きに変えてください。ちなみに日本語のアラートももちろん出せますが、ブログとスクリプトの文字コードが違う場合にはscriptタグ内での文字コード指定が必要なのをお忘れなく。charset="euc-jp"></script>アラートは一切出さない、というのもありですね。wmodeのデフォルトがtransparentなのは当サイトの都合です。レイヤーの重なりがなければパフォーマンスを追求してwindowやopaqueをデフォルトにしてもいいでしょう。48,49行目でそれぞれ幅・高さの最大サイズ(左)と何も指定しなかった場合のサイズ(右)を決めています。自分のブログに合わせてあらかじめ小さいサイズにしたり、最大サイズを640×505(縦480ピクセル+メニューの高さ25ピクセル)とかにしてみるのも面白いかも。HD対応で追加した部分です。1ページ中に他のスクリプトがあったり異なる複数の動画を読み込んでも問題ないですが、何か不具合があった場合や、もっと良い書き方あるよ!とか教えていただけたら嬉しいです。PM13/7/200810周年企画、98年フランス代表対世界選抜に行ってきましたなぜか空から...なごやかなムード。屋根からも何か降ってきた...スタジアムも10周年。楽しまさせていただきましたということで98年フランス代表対世界選抜の日がやってまいりました。階上に住むフーリガンJiroくんとわびすけと3人で、さぁ、ノスタルジーの現場に潜入だ。これが、行ってみたら思ったより大袈裟なイベントでした。お客さんは満員、何でも8万人だとか。スクリーンには98年大会の軌跡をふり返る映像が。ビデオなのに観客は大ブーイングしたり大喝采したり。ヘリコプターが飛んで来たと思ったら人がつり下げられてワールドカップトロフィー届けにくるし。借りてきたんじゃないよね???そして10年前と同日・同時刻キックオフ。さぁいちばん空気を読まないのは誰だ!?あ、ちなみに発表されていた世界選抜メンバーにキーパーが居なかった件ですが、ちゃんといました。(笑)中田も背番号7で元気に先発です。先週パリ在住の日本人クライアントさんから相談の電話がありました。なんでも、ここ2〜3日でWanadoo.frのメールアドレス宛に日本からのメールが届かなくなったとのこと。送信者側にもエラーメッセージ等は返っていないそうで、仕事の連絡が取れずとてもお困りでした。Télécomという日本でいうところのNTTのような大企業が提供しているインターネット接続サービス。問い合わせてもテレコム側ではよく解っておらず「そちらのPCの問題」という何の解決にもならない返事だったそうです。AM21/6/2008クロアチアの敗因は延長戦終了1分前に待望の先制点を挙げたとき、クロアチアの監督が自ら我を忘れて走り回りはしゃいだのがもしやまずかったのでは?!「まだ終わってない」と冷静になれる人がいなかったという。まー喜び爆発するのも無理ない展開でしたけどねー、「勝った!」と思っちゃいますよね。天国を一瞬見てしまっただけにショックが大きいでしょうね、しばらくはクロアチアのリゾート海岸で泣き濡れて蟹と戯れる選手の姿が目撃されるかもしれません。それにしてもトルコは「あきらめなければ何かが起こる!」をマンガに描いたようなチームですね。司令塔のニハトなんて人生に疲れ果てた中年サラリーマンみたいな顔してるのに。デフォルトで疲れた顔はもしかしてフェイントなのかっ!?トルコはEURO参加国で最も空気読まないところが見ててドキドキします。いうわけで119分間は退屈でしたが最後がとても示唆に富んだ試合で勉強になりました。(笑笑)どれどれ参加メンバーを見てみましょう。