在CSS中改變視頻播放按鈕的寬度是比較簡單的,我們可以利用CSS的樣式屬性來實現(xiàn)這個目的。
video::-webkit-media-controls-play-button, video::-webkit-media-controls-start-playback-button { width: 34px; height: 34px; }
上面的代碼實現(xiàn)了一個基本的視頻播放按鈕的寬度,僅適用于Chrome瀏覽器。
如果需要更改播放按鈕樣式的CSS控制,請使用以下代碼:
.video_play_button { width: 34px; height: 34px; display: block; position: absolute; z-index: 1; top: 25px; left: 25px; background-color: rgba(0,0,0,0.6); border-radius: 50%; box-shadow: 0px 3px 4px rgba(0,0,0,0.4); color: #fff; font-size: 24px; font-weight: bold; line-height: 34px; text-align: center; cursor: pointer; text-shadow: 1px 1px #000; }
上面的代碼用于更改視頻播放按鈕樣式的CSS控制,可以通過調(diào)整相關屬性來實現(xiàn)自己的效果。
上一篇mysql多盤存儲空間
下一篇mysql多線程修改一行