1

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

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

4

3 回答 3

2

看看这个演示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/

具体看如何保持事物同步部分

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

这是一个jquery代码

 $('video').bind('contextmenu', function() 
    {
        alert('no right click.');
        return false;
    });
于 2011-12-10T14:53:23.653 回答
1

I ran into the need to be able to disable the context menu myself today because we have our own custom controls. You can do this fairly easily:

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

He is an example built upon Web Developer's demo: http://jsfiddle.net/dgLds/308/

于 2012-11-26T23:19:27.567 回答
0

该元素有一个pause()可用的方法：video

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

同样，有play().

于 2011-12-10T14:50:46.717 回答