Youtube

Youtubeの埋め込み動画をレスポンシブに対応させる方法

レスポンシブ対応のブログ・WebサイトなどにYoutube動画を埋め込む時の備忘録。CSSの設定でYoutubeのサイズをwindow幅に合わせて可変させることができます。

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

サイト内でスクロールして表示領域にYoutubeが表示された時に再生、非表示になった時に停止させることができるjQueryプラグイン「jquery.youtube-inview-autoplay.js」の紹介です。

【jQuery】Youtubeの動画サムネイルをアニメーション表示させる「PreViewTube.js」

Youtubeのサムネイルをアニメーション表示させることができるjQueryプラグイン「PreViewTube.js」のご紹介。複数のイメージで動画の内容を簡単に表示させることができるので便利。

Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」

Youtubeをサイトに埋め込んだ際に表示されるヘッダー(タイトル)とフッダー(コントロール)を非表示にする事ができるjQueryプラグイン「PrettyEmbed.js」の紹介。

  • Webデザイン
  • グラフィックデザイン
  • フリー素材
  • WordPress
  • レンタルサーバー
  • Photoshop
  • Webサービス
POPULAR POSTS
  • 漢字が使える日本語フリーフォント93選(商用利用可)
  • 無料で使えるフリーイラスト素材サイト43選(商用利用可)
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使用できるフリー動画素材・映像素材サイト15選
  • フォントを調べる時に役に立つツール・サイト10選
RANDOM POST
  • CSSとJavaScriptで実装できるメニューをまとめた「110 CSS Menu」
  • UIデザインのスニペットがまとめられたサイト「CodeMyUI」
  • レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
  • 海外のストックフォトサイトから写真を横断検索できる「O-DAN」
  • アプリアイコンをデザインするときに参考にしたいサイトまとめ