CSS 視頻播放完就隱藏的方法是利用了視頻播放器的“ended”事件。我們可以通過(guò) JavaScript 監(jiān)聽(tīng)該事件，然后在其執(zhí)行完成后隱藏視頻的父元素，使視頻自然地消失。

// 獲取視頻元素
const video = document.querySelector('video');
// 監(jiān)聽(tīng)視頻播放完成事件
video.addEventListener('ended', function() {
// 隱藏視頻元素的父元素
video.parentElement.style.display = 'none';
});

在這段代碼中，我們首先使用了 document.querySelector() 方法獲取了頁(yè)面中第一個(gè)<video>元素。然后，我們?cè)谠撛厣献?cè)了一個(gè)ended事件的監(jiān)聽(tīng)器，它會(huì)在視頻播放完成時(shí)觸發(fā)。

在事件處理函數(shù)中，我們獲取了視頻元素的父元素，然后將其樣式的display屬性設(shè)置為'none'。這將使視頻元素的父元素隱藏起來(lái)，從而使視頻元素自然地消失。

以上就是 CSS 視頻播放完自動(dòng)隱藏的方法。如果您有其他實(shí)現(xiàn)方法或更好的思路，歡迎在評(píng)論區(qū)分享。謝謝！