サイトにYouTube動画のサムネイル画像を表示させる方法をご紹介いたします。 YouTubeでは、特定のURLにサムネイル画像が保存されるようになっています。サムネイルのサイズ別にファイル名が分かれているので、表示させ…
YouTube動画のサムネイル画像を取得・表示する方法
YouTubeの動画IDを指定するだけで動画のポップアップ再生を実装できるjQueryプラグイン「GRT Youtube Popup」
GRT Youtube Popupは、要素にYouTube動画のIDを指定するだけで、指定した動画をポップアップ再生できるjQueryプラグインです。使い方も簡単で、楽に実装できて便利です。 デモは配布サイトにてご確認い…
サイトに埋め込んでいるYouTubeの動画が削除されていないか確認できるWordPressプラグイン「Broken Link Checker for YouTube」
Broken Link Checker for YouTubeは、サイトに埋め込んでいるYouTubeの動画が削除されていないか確認することができるWordPressプラグインです。 サイト内に埋め込まれた動画をスキャン…
YouTubeの動画を背景動画として全画面に表示する方法
全画面の背景動画としてYouTubeの動画を使う方法をご紹介いたします。動画ファイルをサーバーに設置せず、YouTubeから読み込むので、レスポンスも良くなります。 以下に簡単なデモも用意しました。 デモページを見る Y…
CSSだけで全画面の背景動画を実装する方法
CSSだけで全画面の背景動画を実装する方法をご紹介いたします。ほぼコピペで実装できますので、サイトの背景に動画を表示したいとお考えの方は、ぜひ試してみてください。 なお、動画は別途ご用意いただく必要があります。 CSSだ…
サイトへ訪問したユーザーの行動を動画で記録してくれるWEBサービス「LogRocket」
LogRocketは、発行されたスクリプトをサイトに仕込むことで、ユーザーの行動を動画で記録してくれるWEBサービスです。 ユーザーがどのような操作を行っているのか動画で確認できるたため、サイトの改善に役立てることができ…
投稿に埋め込んだ動画のサムネイルをアイキャッチ画像に設定してくれるWordPressプラグイン「Video Thumbnails」
Video Thumbnailsは、投稿に埋め込んだ動画のサムネイルをアイキャッチ画像に設定することができるWordPressプラグインです。動画のサムネイルが自動的に認識され、アイキャッチ画像として設定されます。 Vi…
YouTubeの動画をブラウザいっぱいに表示してくれるWEBツール「BigTube」
BigTubeは、YouTubeの動画URLを入力すると、動画をブラウザいっぱいに表示してくれるWEBツールです。 YouTubeにも全画面表示の機能がありますが、全画面表示だと他の操作ができなくなってしまいます。Big…
CSSのみで全画面に動画を設置して、その上に文字などを重ねて表示する方法
jQueryなどを使わずに、背景動画を設置して、再生される動画の上にテキストなどのコンテンツを表示する方法をご紹介いたします。 デモページを用意したので、以下のリンクよりご参照いただければと思います。 デモページを見る …
YouTubeやVineからGIFアニメを作成することができるWEBサービス「GIFGIF.io」
GIFGIF.ioは、YouTubeやVineの動画URLを指定するだけで、簡単にGIFアニメが作成できるWEBサービスです。動画をドラッグ&ドロップで直接アップロードして、GIFアニメを生成することもできます。…