Javascript 如何锁定<；视频>；在HTML5中，直到给定事件发生？

我想暂停在特定时刻播放的视频，直到弹出的问题得到回答。在刚刚弹出的特定问题得到回答之前，用户应该无法继续转发视频

所以我可以在那个特定的时刻使用JS暂停视频。如何确保视频控件解锁，或者只有在回答弹出的问题后才能再次播放视频？

对于

视频元素，有一种
暂停（）
方法：

document.getElementById('myVideo').pause();

同样，还有
play（）
看看这个演示

因为我们有自己的自定义控件，所以我今天需要自己禁用上下文菜单。您可以很容易地做到这一点：

video.addEventListener('contextmenu', function(e) {
    e.preventDefault();
    return false;
}); 

他是一个基于Web开发者演示的例子：
是的，这看起来不错，但用户仍然可以右键单击并播放视频。。有什么方法可以实现这一点吗？我期待着一个像Supreme视频播放器那样的解决方案。右键点击我们可以在html5和Flash之间进行选择。右键点击你可以显示你自己的上下文菜单。你想干什么都行。而不是警报显示你的div
 $('video').bind('contextmenu', function() 
    {
        alert('no right click.');
        return false;
    }); 

video.addEventListener('contextmenu', function(e) {
    e.preventDefault();
    return false;
});