HTML5视频并将鼠标悬停在边缘上以显示按钮

Question

我想知道当我将鼠标悬停在视频的角落时，是否可以拥有HTML5视频并显示社交分享按钮。

Answer 1

我的建议是你在视频元素的顶部创建一个div元素（可以使用css'z-index'属性）。 div元素可以覆盖整个视频元素或仅覆盖其中的一部分（取决于您的偏好）。 div应该监听一个悬停事件，它将切换它（div的可见性），或者播放/暂停底层视频元素。

您可以考虑使用jquery（如果您尚未使用它），因为它使大部分实现变得非常容易。