javascript - 如何在给定事件发生之前锁定 HTML5 中的 控件？

Question

我想在特定时刻暂停正在播放的视频，直到回答弹出的问题为止。在刚刚弹出的特定问题得到回答之前，用户不能继续转发视频。

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

Answer 1

看这个演示http://jsfiddle.net/dgLds/58/

var video = document.getElementById("myvideo");


function toggleControls() {
    document.getElementById('myvideo').pause();
  if (video.hasAttribute("controls")) {
     video.removeAttribute("controls")   
  } else {
     video.setAttribute("controls","controls")   
  }
}


<video id="myvideo">
    <source src="http://www.w3schools.com/html5/movie.mp4" />
</video>

<p onclick="toggleControls();">Toggle</p>

您可以随时调用该函数，而不是单击鼠标

这是一篇关于 html5 视频的所有您想了解的歌剧文章 http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/

具体看How to keep things synchronized部分

编辑:我想禁用右键单击选项。继续并禁用右键单击该标签/ID

这是一个jquery代码

 $('video').bind('contextmenu', function() 
    {
        alert('no right click.');
        return false;
    });