Html背景圖片：bgcolor與background這2個必學屬性用法

這篇指南將為您詳細解釋 HTML5 的影片嵌入技術，包括所需的標籤、各種影片格式及最佳實踐，讓您能夠輕鬆地將影片集成到您的網站上。

HTML 5为网站提供了强大的多媒体功能，其中包括使用视频作为网站背景的功能。 通过使用HTML 5的标签和一些CSS样式，我们可以轻松地实现这一效果。

這種將大圖或影片放在開頭的區塊，通常被稱作「主頁橫幅 (Hero Image)」。 今天我們就透過製作這樣的網頁，來練習用 HTML 的 <video> Tag 放入影片，並且並操作影片的各種屬性吧！ 此外，文章結尾還會提及如何放入用 <iframe> 嵌入YouTube 與各種 Social Media 的影片。

全屏影片背景 瞭解如何建立覆蓋整個瀏覽器視窗的全屏影片背景 自己動手試一試 »

通过HTML5的<video> 标签，我们可以轻松地将视频嵌入到网页中，并作为背景使用，从而提升网页的视觉效果。 本文将详细介绍如何使用HTML5视频背景，包括选择合适的视频、HTML和CSS代码的编写，以及一些高级技巧。

To create a video background in HTML5, you don't need complex tools—just HTML and a bit of CSS. The key is using the video element and styling it properly so it fills the background without interfering with your content.

像這次就是在影片上壓上 h2 標籤，讓他蓋過 video ，再使用 mix-blend-mode: screen; 語法讓他濾色 線上： https://codepen.io/yuicheng1006/pen/RwPvzrW?editors=1100