クリックしてビデオを一時停止しないようにする

Question

ビデオのオンクリックを一時停止しないようにするにはどうすればよいですか？ e.preventDefault;が機能しません。

<video width="320" height="240" controls> 
    <source src="video.mp4" type="video/mp4"> 
    Your browser does not support the video tag. 
</video> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<script> 
    $(function() { 
    $('video').click(function (e) { 
     e.preventDefault; 
    }); 
    }); 
</script> 

Answer 1

controlsを削除し、autoplayを追加します。ここでは

<video width="320" height="240" autoplay> 
 
    <source src="http://www.uio.no/tjenester/it/multimedia/utvikling/video/test.mp4" type="video/mp4"> 
 
    Your browser does not support the video tag. 
 
</video>

Answer 2

はあなたの問題の回避策です。

イベントリスナーonpauseを追加しました。 pauseイベントが検出されるたびに、play()メソッドを実行します。

<video id="bunny" width="400" controls onPause="this.play();"> 

は、実施例を参照してください（下の例と同じ効果が、単純化された）：

は、我々はまた、次のことを行うことができます。

クリックで

var vid = document.getElementById('bunny'); 
 
vid.addEventListener('pause', function(e) { 
 
    vid.play(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<video id="bunny" width="400" controls > 
 
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
 
    Your browser does not support HTML5 video. 
 
</video>