如何检查我的HTML5视频是否正在播放？

Question

我的HTML5视频上有一个播放按钮，可让我的视频播放并进入全屏模式。这是代码：

var video = $("#vid");
var playthis = $(".play");
playthis.on('click', function(e){
    var vid = video[0];
    vid.play();
    if (vid.requestFullscreen) {
      vid.requestFullscreen();
    } else if (vid.mozRequestFullScreen) {
      vid.mozRequestFullScreen();
    } else if (vid.webkitRequestFullscreen) {
      vid.webkitRequestFullscreen();
    }
});

我想要做的是检查我的视频是否已播放，然后隐藏播放按钮。如果视频停止或暂停，则应显示该视频。

应该很容易但是出了问题。