同一ページ内でYouTubeを複数設置したときに、同時再生をさせないようにする
同一ページ内でYouTubeプレーヤーを複数埋め込んだとき、 通常だと同時に再生することができてしまいます。 実装前のデモページ 今回はこれを回避する方法を考えてみました。 対応方法案 対応方法として、以下の3案を考えました。 YouTubeプレーヤーではなくサムネイルを設置するようにして、サムネイルをクリックしたら ライトボックスを表示して再生するようにする。 YouTubeプレーヤーの設置を一つだけにして、代わりにサムネイルを設置。 サムネイルをクリックでYouTubeプレーヤーのURLが切り替わるようにする。 YouTubeプレーヤーをクリックして再生したときに、 他に再生しているYouTubeプレーヤーがあったら停止させる。 今回はYouTubeプレーヤーを複数埋め込むことが決まっていたたので、3番目を実装してみました。 ただ、実装するのは3案どれでも問題なさそうなので、場合に応じ
jqueryでyes/noチャートを作る方法 - EZ-SPARROW
August 28, 2013 Jul 24, 2018 jqueryでyes/noチャートを作る方法をご紹介する。 そもそもこのチャートの呼び名が一般的かは不明だが 「はい いいえチャート」とも呼ばれているようだ。 サンプルデモは複数の答えを想定しているため厳密にはyes/noチャートではないのだが、構造は同じ。 やりたい事は、扱うサービスや商品が多い場合に、 「ユーザに質問に直感的に答えていただき、適合するサービスへと誘導する。」 といった感じ。ノンプログラマーのためかなり強引なコードかも知れないが やりたいことが実現できたので紹介していこうと思う。 解説がいまいち分かりづらいのでまずはデモをご覧あれ。 See the Pen XBRZvd by ez-sparrow (@ez-sparrow) on CodePen. 大まかな流れ 質問と質問に対する答え(選択肢)をdivで囲う。 全
Infinite Scrollを実装してみました | スターフィールド株式会社
Infinite Scrollとは、 ページャーの代わりに、ページ内で次のページのレコードを読む出すライブラリのことです。 http://www.infinite-scroll.com/ WordPressのプラグインもあって、jQueryのプラグインもあります。 下記のサイトで体験できます。 http://kachibito.net/sample/jquery-masonry/ 今回実装したのは、jQueryのプラグインです。 １、ライブラリをダウンロード https://github.com/paulirish/infinite-scroll ２、htmlソース <div id="container"> <ul> <li>hogehoge1</li> <li>hogehoge2</li> <li>hogehoge3</li> <li>hogehoge4</li> <li>hog
よくある質問 - facebookアプリの作り方とアプリIDの確認
facebookにログインした状態で、下記URLへアクセスして下さい。 https://developers.facebook.com/ 開発者登録していない場合は「My Apps」にマウスをのせてください。 「Register as a Developer」をクリックすると登録画面が表示されるので、手順に従って開発者登録してください。 登録後、同様に「My Apps」にマウスをのせ、「Add a New App」をクリックしてください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
finefinefine.jp
WordPressの記事ID・カテゴリーIDを確認する方法
