最近在使用 CSS 插入視頻時遇到了一些問題。我使用的代碼是這樣的：

.video {
width: 100%;
height: auto;
}
.video video {
width: 100%;
height: 100%;
}

然后，我在 HTML 文件中引用了這些代碼并插入視頻，但是視頻卻無法播放。經過查閱資料，我發現這可能是由于瀏覽器不支持某些視頻格式所造成的問題。 為了解決這個問題，我嘗試了以下幾種解決方案： 方案一: 更改視頻格式 首先，我嘗試更改視頻格式，以便瀏覽器可以支持它。我將視頻格式從 MP4 改為了 WEBM，但依舊無法播放。 方案二: 使用 JavaScript 或 jQuery 我采取了用 JavaScript 或 jQuery 在頁面上插入視頻的方法。這種方法可以確保視頻在瀏覽器中播放，但需要編寫額外的 JavaScript 代碼，這使得網頁加載速度變慢。 方案三: 添加 “controls” 屬性 另一個解決方法是通過添加 “controls” 屬性來播放視頻。這樣可以確保視頻在瀏覽器中播放，但是它會顯示瀏覽器自帶的視頻控件，而不是自定義控件。 最后，我采取了第三種方法來解決我的問題：添加 “controls” 屬性。雖然這個方法不是最理想的，但它可以確保視頻在瀏覽器中正常播放，并且不需要編寫額外的代碼。 綜上所述，CSS 插入視頻播放不了可能是由于瀏覽器不支持某些視頻格式，可以通過更改視頻格式或使用 JavaScript 或 jQuery 解決。但是最簡單的方法是添加 “controls” 屬性，雖然這樣會顯示瀏覽器自帶的控件，但可以確保視頻在瀏覽器中正常播放。