動画・アニメーション
動画・アニメーション
YouTube API で動画埋め込み
HTML JavaScript 主な playerVars パラメータと設定例 サポートされるパラメータ autoplay: 1(…
CSS
video タグを使って背景に mp4 動画を流す
キービジュアル箇所などに背景動画を流すサンプルです。HTML の video タグを使用して mp4 形式の動画を再生します。 フ…
JS/CSSライブラリ
YouTube をモーダルウィンドウで開く(modal-video.js使用)
YouTubeをモーダルウィンドウで開くことができる modal-video.js プラグインを jQuery で設置する方法です…
JavaScript

CSS と jQuery で文字を1つずつアニメーションさせる
一文字ずつ下から上にふわっと表示させるアニメーションです。 とりあえずコード全部 説明 テキストは<span>で1文字…
JavaScript

SVGで手書き文字アニメーションを作成
Vivus.js という JavaScript ライブラリを使って簡単に手書き文字風 SVG アニメーションを作成する方法です。 …
JavaScript
jquery.mb.YTPlayer を使って YouTube 動画を背景表示する
環境によってCORSエラーが出る場合は別途対処が必要です。YouTubeでは無く、MP4+video タグによる背景動画の方法もこ…
動画・アニメーション
YouTubeで埋め込みで自分のチャンネル以外の関連動画を非表示にする方法
埋め込みコードの末尾にパラメータ―「?rel=0」を追加する
JS/CSSライブラリ
パーティクルを作成するライブラリ particles.js のデモ
https://vincentgarreau.com/particles.js/ HTML CSS JavaScript http…
CSS

Animate.css デモ & スクロール/マウスオーバーでアニメーション
HTML要素に簡単にアニメーションを追加できるプラグイン「Animate.css」のデモです。Animate.cssを使用するには…