【jQuery】Youtubeがウィンドウ内に表示されたタイミングで再生させるプラグイン

 
Youtube APIとinview.jsを使用してYoutubeの再生・停止ができるjQueryプラグインがjqueryscript.netにあったので忘備録。ページ中段のYoutubeを見ると分かりますが表示領域に入ったら再生、表示領域から出たら停止となります。同一ページ内で複数のYoutubeがある時に便利かも。

Play/Stop Youtube Videos On Page Scroll


  • 【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」
  • jQueryプラグインをまとめた検索サイト「jQuery Cards」
  • 【jQuery】画像のサイズを保持しつつレスポンシブに変化させる「ResponsifyJS」
  • 【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」
  • 【jQuery】テキストカラーをシャッフルさせるjQueryプラグイン「JUMBLE」
RELATED POSTS
  • 【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
  • アイコンフォント「FontAwesome」の使い方
  • 非レスポンシブの要素をレスポンシブ化する「Reframe.js」
  • 【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
  • 30秒以内に理解できるCSSスニペットのコレクション「30 Seconds of CSS」
  • jQueryプラグインをまとめた検索サイト「jQuery Cards」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」