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

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

Play/Stop Youtube Videos On Page Scroll



  • jQueryプラグインをまとめた検索サイト「jQuery Cards」
  • 【CSS】スターウォーズのイントロを表現できるライブラリ「starwarsintro.css」
  • 背景にスクロールアニメーションを実装できる「Physics-Based Background Scroll Effects」
  • 【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」
  • Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
RELATED POSTS
  • 指定したWebサイトが他国でどのように表示されるかチェックできる「GeoScreenshot」
  • vue.jsを使用したプロジェクトをまとめたサイト「made with vue.js」
  • メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
  • CSSで指定できるカーソルをパッと確認できる「CSS Cursor」
  • 【CSS】いろんなスタイルのボタンを簡単に実装できる「bttn.css」
  • 背景にスクロールアニメーションを実装できる「Physics-Based Background Scroll Effects」
RECENT POSTS
  • バナー広告デザインの参考にしたいギャラリーサイト8選
  • CSSで作成する吹き出しとデザインのアイデア
  • ロゴ作成が簡単にできるロゴジェネレーター12選【無料・低価格】
  • 長いURLを短くするおすすめの短縮URLサービス8選
PICKUP
  • CSSで作成する吹き出しとデザインのアイデア
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選