Html 作为文本的视频控件

我正在尝试重新创建视频控件，使其显示为文本，仅显示在悬停状态，与此网站中托管的视频完全相同：，不知如何创建。我有文本，但它没有播放暂停按钮的功能。感谢您的帮助。谢谢

html:

玩
暂停
停止

那么为什么不使用jQuery呢

$('.item').hover(function() {
    $('.controller').slideDown();
}, function() {
    $('.controller').slideUp();
});

---

天哪，你链接的网站可能是我见过的最不友好和可用的网站。水平滚动。上帝啊，为什么？！（加上我还没有在那里看到任何视频）@mightyporkwindows8有水平滚动，效果很好。。。重要的是响应能力，这是本网站所缺乏的。它与firefox autoscroll功能（点击并拖动）配合使用，但使用起来很痛苦。@OP请制作一个jsfiddle.net，让我们可以看到问题？我没有使用我在firefox中显示的网站，只有在chrome中使用。@MightyWork

$('.item').hover(function() {
    $('.controller').slideDown();
}, function() {
    $('.controller').slideUp();
});