CSS作為一種樣式表語言，可以控制HTML文檔的布局和外觀。在web開發中，我們常常使用CSS來實現一些交互功能，如圖片按鈕和視頻窗口。

/* 圖片按鈕樣式 */
.button {
display: inline-block; /* 設置為行內塊元素 */
padding: 10px; /* 設置內邊距 */
background-color: #4CAF50; /* 設置背景色 */
color: white; /* 設置字體顏色 */
text-align: center; /* 文字居中 */
text-decoration: none; /* 去掉鏈接的下劃線 */
font-size: 20px; /* 字號 */
border-radius: 5px; /* 圓角 */
}
/* 視頻窗口樣式 */
.video {
position: relative; /* 相對定位 */
padding-bottom: 56.25%; /* 16:9比例 */
height: 0;
overflow: hidden; /* 超出部分隱藏 */
}
.video iframe {
position: absolute; /* 絕對定位 */
top: 0;
left: 0;
width: 100%;
height: 100%;
}

以上是CSS實現圖片按鈕和視頻窗口的樣式代碼。對于圖片按鈕，我們用display屬性設置為行內塊元素，然后再設置padding、背景色、字體顏色、字號、邊框圓角等樣式。至于視頻窗口，我們通過padding-bottom屬性設置寬高比為16:9，然后將iframe標簽絕對定位在該容器內并設置寬高為100%。這樣，我們就可以在網頁中輕松實現圖片按鈕和視頻播放功能了。