CSS側邊欄展開視頻是一種實現網頁視頻播放的方法。通過CSS的樣式控制，可以讓側邊欄展開，同時播放視頻。

下面是實現側邊欄展開視頻的代碼示例：

HTML代碼：
<div class="sidebar">
<button class="openBtn">打開側邊欄</button>
<div class="sidebarContent">
<video src="myVideo.mp4"></video>
</div>
</div>
CSS代碼：
.sidebar {
position: fixed;
top: 0;
left: -250px;
width: 250px;
height: 100%;
background-color: #ccc;
transition: all 0.3s ease-in-out;
}
.openBtn {
position: absolute;
top: 10px;
right: -110px;
width: 100px;
height: 50px;
background-color: #333;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.sidebarContent {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
}
.sidebar.open {
left: 0;
}
.openBtn.open {
right: 0;
}
JavaScript代碼：
var openBtn = document.querySelector('.openBtn');
var sidebar = document.querySelector('.sidebar');
openBtn.addEventListener('click', function() {
sidebar.classList.toggle('open');
openBtn.classList.toggle('open');
});

上述代碼中，首先定義了一個包含側邊欄和視頻內容的div，并設置樣式。側邊欄默認是隱藏的，通過CSS的transition屬性，使側邊欄展現和隱藏時有平滑過渡效果。

然后定義了一個打開側邊欄的按鈕，通過CSS的position屬性將其放置在側邊欄外部。點擊按鈕時，通過JavaScript的classList屬性給側邊欄和按鈕添加open類，從而使側邊欄展開并將按鈕移到側邊欄內部。

視頻播放部分則使用HTML5的video標簽，將視頻嵌入到側邊欄內容中。

通過上述代碼，就可以實現一個完整的側邊欄展開視頻效果。