如何用javascript编写自己的video_tag控件？

Question

我有一个带有视频的页面（使用video_tag）;视频网址存储在我的控制器中的实例变量中。我正在尝试使用jQuery为视频编写自己的控件，但我似乎无法使其工作。

我确信javascript是正确呈现的，因为我已经用一个改变背景颜色的简单函数替换了click事件中与视频相关的代码，并且它工作了

这让我相信我不正确地定位视频本身，因为我使用的是video_tag并添加了class属性而不是html视频标记。

这是我的html和我的javascript，包括video_tag和按钮：

<div id="video-container">
  <%= video_tag @video, class: "actual-video" %>
  <button class="playbutton">Play or Pause</div>
</div>

<script>
$(".playbutton").on("click", function() {
    if (".actual-video").paused {
        $( ".actual-video" ).play();
    } else {
        $(".actual-video").pause();
    }
});

我正在调用一些Ruby on Rails peeps的专业知识，告诉我是否需要了解有关使用video_tag和class属性正确定位视频的信息。我相信这是问题所在，但如果你们中的任何人发现我的代码存在根本错误，请告诉我们！在此先感谢!!!