HTML5 비디오에서 오른쪽 클릭을 비활성화하시겠습니까?

HTML5 비디오에서 오른쪽 클릭을 비활성화하시겠습니까?

웹 사이트에서 HTML5 비디오 플레이어를 사용하고 있는데 모든 비디오에서 마우스 오른쪽 버튼을 사용하지 않도록 설정합니다.

이 코드를 사용하려고 했지만 작동하지 않습니다.

<script type="text/javascript">
$(document).ready(function(){
$('#videoElementID').bind('contextmenu',function() { return false; });
});
</script>

WordPress를 사용하고 있으며 위의 기능을header.php파일.

의 내용을 확인하려면 어떻게 해야 합니까?#videoElementID내 선수 이름?페이지에 있는 모든 DIV 요소로 시도했는데 아직 작동하지 않습니다.이것이 사용자가 내 동영상을 다운로드하는 것을 방해하지는 않는다는 것을 알지만, 나는 이 작업을 꼭 해야 한다.

빠르고 쉽고 자바스크립트가 필요 없는 내가 가장 좋아하는 방법은oncontextmenu="return false;"비디오 태그에 접속합니다.

예를 들어 다음과 같습니다.

<video oncontextmenu="return false;" id="my-video-player" width="854" height="480" controls autoplay>
  <source src="https://example.com/link-to-my-video.mp4" type="video/mp4">
</video>

다음과 같이 프로그래밍 방식으로 트리거할 수도 있습니다.

document.querySelector('video').setAttribute('oncontextmenu', "return false;")

 $(document).ready(function() {
    $("video").bind("contextmenu",function(){
        return false;
        });
 } );

그러면 해당 페이지의 모든 비디오 요소에서 오른쪽 클릭이 비활성화됩니다.이게 도움이 됐으면 좋겠다.

최근에 비디오 요소의 오른쪽 클릭을 비활성화하려고 했습니다.이 암호는 나에게 효과가 있었어.

 document.querySelector("video").addEventListener("contextmenu", (event) => {
      event.preventDefault();
    });

React의 경우 =>

onContextMenu={e => e.preventDefault()}

<video onContextMenu={e => e.preventDefault()}>
  <source src={`your_video_url`} type="video/mp4"/>
</video> 

오른쪽 클릭 메뉴는 웹 브라우저의 기능입니다.이를 비활성화하려면 태그 바로 앞에 웹 페이지 머리 부분에 다음 JavaScript를 추가합니다.

jQuery(document).ready(function(){
    jQuery('video').bind('contextmenu',function() { return false; });
});

난 괜찮아.

$(document).bind("contextmenu",function(ev){
    if(ev.target.nodeName=='VIDEO')
    {
        return false;
    }
});

사용하기 쉽다onContextMenu={(e) => e.preventDefault()}HTML5의 비디오 태그 아래에 있습니다.

언급URL : https://stackoverflow.com/questions/22992645/disable-right-clicking-in-html5-video