YouTubeの動画は、埋め込みコードを使って簡単にサイトに埋め込むことができますね。 共有メニューから取得できる通常の埋め込みコードでは、特定の動画をサイトに埋め込むことになりますが、今回はYouTubeチャンネルの最…
YouTubeチャンネルの最新動画をサイトに埋め込む方法
WordPressテーマのテンプレート内でYouTubeの埋め込み動画を設置する方法
WordPressの投稿や固定ページでは、YouTube動画のURLを本文に入力するだけ埋め込み動画として設置できます。YouTubeだけでなく、VimeoやTwitterなどにも対応していますね。 これと同じようにテー…
ユーザー登録不要！ブラウザですぐに使えるビデオチャットツール「Briefing」
Briefingは、ユーザー登録不要で使えるビデオチャットツールです。 シンプルなビデオチャットですが、ビデオのオフやマイクのミュート、画面共有など、必要最小限の機能は備わっています。 Briefingの使い方 Brie…
videoタグによる埋め込み動画がiPhoneでのみ表示されない時の対処法
先日、videoタグで設置している動画が、iPhoneでのみ表示できないという問題に遭遇しました。MacbookやiPadのSafariでは再生できており、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プラグインです。動画や画像のリンクをクリックすることで、いわゆるモーダルウインドウとして表示させることができます。 配布サイトでデモが用意され…