先日、videoタグで設置している動画が、iPhoneでのみ表示できないという問題に遭遇しました。MacbookやiPadのSafariでは再生できており、iPhoneだけ動画の部分が真っ白になってしまうという現象です。…
videoタグによる埋め込み動画がiPhoneでのみ表示されない時の対処法
画像やiframeに「loading=”lazy”」を自動付与し遅延読み込みを有効化してくれるWordPressプラグイン「Native Lazyload」
Native Lazyloadは、画像やiframeに「loading=”lazy”」を自動的に付与して、遅延読み込みを有効化してくれるWordPressプラグインです。Googleが提供していま…
画像と動画のXMLサイトマップを生成してくれるWordPressプラグイン「Google Media Sitemap」
Google Media Sitemapは、投稿や固定ページ、カスタム投稿内に挿入された画像・動画のXMLサイトマップを生成してくれるWordPressプラグインです。 Googleが定義している仕様に準拠したサイトマッ…
アップロードした動画を使ってスマホへのはめ込み動画を生成してくれるWEBサービス「Mock」
Mockは、アップロードした動画をスマホの画面上で再生しているようなモックアップ動画にしてくれるWEBサービスです。 以下はフリーの動画素材で作成してみたモックアップ動画です。このように、スマホ上で再生されているようなモ…
画像や動画の遅延読み込みを実装できるWordPressプラグイン「a3 Lazy Load」
a3 Lazy Loadは、サイトに遅延読み込みを実装することができるWordPressプラグインです。 画像や動画が可視範囲に到達してから読み込みを開始するようになるため、サイトアクセス時に読み込むコンテンツ量が減って…
サイトに埋め込んでいるYouTube動画の読み込みを高速化するWordPressプラグイン「Youtube SpeedLoad」
ページ内にいくつもYouTube動画を埋め込んでいると、ページの読み込み速度が遅くなってしまいます。そんな時は、Youtube SpeedLoadを導入することで、YouTube埋め込み動画の読み込みを高速化してくれます…
YouTube動画や画像をポップアップ表示できるjQueryプラグイン「Lity」
Lityは、YouTube動画や画像などをポップアップで表示できるjQueryプラグインです。動画や画像のリンクをクリックすることで、いわゆるモーダルウインドウとして表示させることができます。 配布サイトでデモが用意され…
動画からキャプチャー画像を生成できるWEBサービス「動画のキャプチャー画像の抽出機」
動画のキャプチャー画像の抽出機は、指定した動画ファイルからキャプチャー画像を生成できるWEBサービスです。スマホにも対応しています。 動画のキャプチャー画像の抽出機の使い方 動画のキャプチャー画像の抽出機にアクセスして、…
YouTube動画のサムネイル画像を取得・表示する方法
サイトにYouTube動画のサムネイル画像を表示させる方法をご紹介いたします。 YouTubeでは、特定のURLにサムネイル画像が保存されるようになっています。サムネイルのサイズ別にファイル名が分かれているので、表示させ…
YouTubeの動画IDを指定するだけで動画のポップアップ再生を実装できるjQueryプラグイン「GRT Youtube Popup」
GRT Youtube Popupは、要素にYouTube動画のIDを指定するだけで、指定した動画をポップアップ再生できるjQueryプラグインです。使い方も簡単で、楽に実装できて便利です。 デモは配布サイトにてご確認い…