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

独自のカスタムコントロールがあるため、今日は自分でコンテキストメニューを無効にできるようにする必要がありました。これはかなり簡単に行うことができます。

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

彼はWeb開発者のデモに基づいて構築された例です：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 に答える