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

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

Play/Stop Youtube Videos On Page Scroll



  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
  • 【jQuery】Youtubeの動画サムネイルをアニメーション表示させる「PreViewTube.js」
  • 【jQuery】画像のドミナントカラーを背景色にする「jquery.adaptive-backgrounds.js」
  • 【Webデザイン】魅力的な動きをするレスポンシブメニュー
  • 【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
RELATED POSTS
  • 入力フォームを実装するためのテンプレート「Boilerform」
  • レスポンシブデザインのパターン集「Responsive Patterns」
  • ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
  • パーツを組み合わせるだけで簡単にHTMLを生成できる「Stitches」
  • 音楽に合わせて要素を動かすことができる「Rythm.js」
  • Webサイトのページ表示速度を測定できる無料サービスまとめ
RECENT POSTS
  • 【2021年版】 WordPressのおすすめテーマ17選(無料版/有料版)
  • 【2021年版】 無料で使えるフリー画像・写真素材サイト27選(国内/海外)
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
  • 【2021年版】 無料で使えるフリー動画素材サイト10選
POPULAR POSTS
  • プライス・値段表示などに使えそうな英数字フォント13選
  • 【2021年版】 無料で使えるフリー動画素材サイト10選
  • PhotoShopで新聞の写真風ドットスタイルに画像を加工する
  • コピペするだけで使えるCSSボタンジェネレーターまとめ
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法