如何在播放时使用CSS事件更改html5视频的样式

Question

我想按一个按钮，将主视频滑到页面右侧。

我正在使用（伪代码）：

• .video {left：calc（50％ - （half-width）}
• .button：focus~.video {left :(在屏幕外）}

这有0效果。