YouTube JavaScript Player API｜YouTubeAPI｜音声・動画配信（ストリーミング）｜PHP & JavaScript Room
動画の埋め込み クロムレスプレーヤー 再生の制御〔再生、一時停止、停止、シーク位置〕 音量の制御〔ミュートの設定・解除、ミュート状態取得、音量の設定・取得〕 再生ステータスの取得〔経過時間、プレーヤーの状態、読み込みバイト数など〕 再生画質の制御〔画質の取得・変更、有効な画質セットの取得〕 動画情報の取得〔現在の動画の長さ、URL、埋め込みコードを取得〕 イベント〔プレーヤーの状態が変わった時、画質が変わった時、エラー時に発生〕 プレーヤーのリサイズ〔プレーヤーのサイズを変更〕 動画の切り替え 複数プレーヤーの配置 動画の埋め込み 2011/1/10 YouTube JavaScript Player API リファレンス YouTube JavaScript APIを使用すると、YouTube埋め込み動画プレーヤーの再生や音量などのコントロールや関数を使用してプレーヤーの動作を制御するこ
SimpleModal | 設置サンプル
確認アラートをモーダル表示 JavaScriptのconfirm関数を上書きするモーダルダイアログです。 設置サンプルのソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv=
ウィンドウ、モーダル｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Create a Beautiful Looking Custom Dialog Box With jQuery and CSS3〔CSS3を使用した角丸レイアウトのダイアログボックス〕 jGrowl〔Mac OS XのGrowl風にメッセージ表示〕 jQDialog plugin for jQuery〔軽量のダイアログプラグイン〕 jqModal〔通知ウィンドウ、ダイアログ、モーダルウィンドウを表示〕 jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) 〔アラート、確認ダイアログ、入力プロンプトの作成〕 jQuery BlockUI Plugin〔ページや要素のブロック、モーダルダイアログ表示〕 jQuery Tools〔HTMLをオーバーレイ〕 LeaveNotice jQuery Plugin〔リンク先遷移時に通知
設置サンプル：YouTube IFrame API：音量の制御
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>設置サンプル：YouTube IFrame API：音量の制御</title> <link rel="stylesheet" type="text/css" href="lib/global.css" /> <style> #playerbox { width:640px; height:390px; margin-bottom:10px; } img { vertical-align:middle; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $(function(){ var player; v
ページ内移動（アンカー）、指定したURLへ移動｜window.locationオブジェクト｜JavaScript/DOM｜PHP & JavaScript Room
移動先となる場所には、<a name="アンカー名"></a>のように、a要素のname属性にアンカー名を指定します。 例えば、ページの先頭に<a name="pagetop"></a>と記述しておくと、ページの要所要所で <a href="#" onClick="location.hash='pagetop'; return false;">先頭へ</a> と記述したリンクをクリックすれば、ページの先頭へジャンプさせることができます。 このhashプロパティを使用せずに、<a href="#pagetop">先頭へ</a>と記述しても同様にページの先頭にジャンプさせることができます。 オブジェクト名windowは省略可。 サンプルを見る <a name="pagetop">-------------------------ページの先頭です-------------------------
設定サンプル
設置サンプル 参照：jQuery plugin: Wilq32.RotateImage jQuery(imgElement).rotate(parameters) 画像を指定した角度に回転 jQuery(imgElement).rotate(angleValue) 画像の角度を指定 jQuery(imgElement).rotateAnimation(parameters) 回転アニメーション（画像にマウスオーバーすると画像が回転） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" la
要素のスクロール｜jQuery plugin｜Ajax｜PHP & JavaScript Room
リスト要素の各アイテムに指定したメッセージをMarquee風に切替表示するjQueryプラグイン。 文字を流すスタイルは上から下、下から上、左から右など、垂直・水平共にオプションで指定することができます。 初期化時、メッセージ切替前／切替時、スクロール終了時に呼ばれるコールバック関数が用意されています。 長いメッセージを垂直方向に切り替える場合は、メッセージ切り替え表示後、更に表示されたメッセージを水平方向にスクロールさせることで、長いメッセージをすべて表示させることができます。 APIが用意されているので、動的にリスト要素にアイテムを追加したり、スクロールの一時停止や再開なども簡単に実装することができます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1
設置サンプル
参照：Smooth Div Scroll ▼マウス操作で水平方向にスクロールする画像スライド デフォルト マウス操作でスクロールします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-e
jQueryプラグイン「jPlayer」の使い方｜HTML5プレーヤーのWeb埋め込み｜音声・動画配信（ストリーミング）｜PHP & JavaScript Room
$('#要素ID').jPlayer({ /* イベントハンドラ */ ready: function(){ /* 再生するメディアの定義(URLは相対・絶対パスどちらでも) */ $(this).jPlayer('setMedia', { mp3: '/content/media/audio/Q701.mp3', m4a: '/content/media/audio/Q701.m4a', oga: '/content/media/audio/Q701.ogg', /* サムネイル画像 */ poster: 'http://phpjavascriptroom.com/content/media/thumb/poster1.png' }).jPlayer('play'); /* 自動再生 */ }, /* プレロード（デフォルトは'metadata'、プレロードする場合は'auto'） */
アニメーション、エフェクト｜jQuery plugin｜Ajax｜PHP & JavaScript Room
要素のマウスオーバー時のhover効果をアニメーションさせるjQueryプラグイン。 リスト要素の各アイテムにマウスオーバーした時に、そのアイテムの背後にjQueryでhover用の要素を動的に生成して、アニメーション表示させています。 幅、高さ、オフセットなどオブジェクトの位置情報を取得するjQuery Dimensions Pluginを併用しています。 このプラグインを適用する要素には、CSS上のルールがあります。 マウスオーバーされたアイテムの親要素には、position:relativeあるいはposition:absoluteが指定されていること。 マウスオーバーされたアイテムには、z-indexが指定されていること。 動的に生成されたアイテムは、hoverされたアイテムのz-indexより小さいz-indexが指定されていること。 /* hoverされたアイテムの親要素 */
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube IFrame API：複数の動画を切り替えて再生
jQuery.exDate.js | 設置サンプル
設置サンプル
facebookページの作り方｜facebook関連｜Web関連特集｜PHP & JavaScript Room