タグ

2021年8月26日のブックマーク (1件)

  • 動画をWebページの背景に埋め込む時のテクニック|notes by SHARESL

    Webページの背景に動画を埋め込む時のメモ 今回はWebページの背景に動画を埋め込む時に必要なテクニックをまとめてメモ。 TOPページのファーストビューに背景動画を設置したサイトをよく見かけますが、実際に実装することになると下記のような点で悩むことがあります。 埋め込み方法(<video>タグ、YouTubeやVimeoなどの外部サイトをiframeで埋め込み) 動画の容量による負荷の問題(サーバー負荷、ロード時間) 動画上のコントロールバーやタイトルなど不要な情報の表示 ループ再生 自動再生 ミュート再生 こういった点について、動画の埋め込み方法を紹介した上でメリット・デメリットを比較してまとめてみました。 動画の埋め込み方法の比較 この記事で紹介する背景動画の埋め込み方法は下記の4つです。 直接サーバー上のファイルを読み込む(videoタグ) Googleドライブのファイルを読み込む(

    動画をWebページの背景に埋め込む時のテクニック|notes by SHARESL