使用JQuery播放/暂停HTML 5视频

Question

使用JQuery播放/暂停HTML 5视频

我正在尝试使用JQuery控制HTML5视频。我在选项卡式界面中有两个剪辑，总共有六个选项卡，其他只有图像。我试图在单击其选项卡时播放视频剪辑，然后在单击任何其他选项卡时停止播放。

这必须是一件简单的事情，但我似乎无法让它工作，我用来播放视频的代码是：

$('#playMovie1').click(function(){
  $('#movie1').play();
      });

我已经读过视频元素需要在函数中公开以便能够控制它但是找不到示例。我能够使用JS工作：

document.getElementById('movie1').play();

任何建议都会很棒。谢谢