同一ページ内でYouTubeを複数設置したときに、同時再生をさせないようにする
同一ページ内でYouTubeプレーヤーを複数埋め込んだとき、 通常だと同時に再生することができてしまいます。 実装前のデモページ 今回はこれを回避する方法を考えてみました。 対応方法案 対応方法として、以下の3案を考えました。 YouTubeプレーヤーではなくサムネイルを設置するようにして、サムネイルをクリックしたら ライトボックスを表示して再生するようにする。 YouTubeプレーヤーの設置を一つだけにして、代わりにサムネイルを設置。 サムネイルをクリックでYouTubeプレーヤーのURLが切り替わるようにする。 YouTubeプレーヤーをクリックして再生したときに、 他に再生しているYouTubeプレーヤーがあったら停止させる。 今回はYouTubeプレーヤーを複数埋め込むことが決まっていたたので、3番目を実装してみました。 ただ、実装するのは3案どれでも問題なさそうなので、場合に応じ
jQueryでページ内にツイートできるテキストエリア（テキストボックス）を設置する実験｜BLACKFLAG
Webページ上にTwitterの「ツイートする」ボタンを設置することは 今では手軽に出来るようになっていますが その場で自由にツイートできるテキストエリアをページ上に配置することは 意外と面倒だったりします。 そんなTwitterのツイートボックスを、「jTweetsAnywhere.js」プラグインを使って ページ上に設置するサンプル（…ただの実験サンプル）を作ってみたので紹介してみます。 使用するjQueryプラグイン「jTweetsAnywhere.js」はこちら。 ≫jTweetsAnywhere – jQuery Twitter Widget with @Anywhere support まずサンプルから。 jQuery TWEET BOX テキストエリアにつぶやくテキストを入力した後、「Tweet」ボタンをクリックすると、 自分のTwitterアカウント（連携承認が必要）でつぶ
Google Feed APIで3分マッシュアップ (1/2)
特定のテーマに関する情報を集めた、ポータル的なWebサイトを作りたい――。そんなとき、JavaScriptを使って、他のWebサイトのフィードから情報を得て、そのサイトの最新情報を表示できると便利です。 しかし、普通の方法ではできません。というのも、JavaScriptでフィードを読み込むのに使う「XMLHttpRequest」オブジェクトでは、セキュリティ上、異なるドメイン（クロスドメイン）とのやり取りが制限されているためです。そこで、「Google AJAX Feed API」を使いましょう。 Google AJAX Feed APIは、指定したフィードをGoogleのサーバー側で取得し、JSON（JavaScript Object Notation）と呼ばれるJavaScript専用のデータ形式に変換します。変換されたデータは、JSONP（JavaScript Object Nota
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
