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
'source' 카테고리의 다른 글
http://www.google.com/로부터의 응답에 대한 "요청된 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다" 오류입니다. (0) | 2023.03.05 |
---|---|
IE의 jQuery 스크립트에 대한 액세스가 거부되었습니다. (0) | 2023.03.05 |
디렉티브의 method 인수가 AngularJS에 지정되어 있는지 확인하는 방법 (0) | 2023.03.05 |
비활성 JSON 문자열을 자동으로 수정하려면 어떻게 해야 합니까? (0) | 2023.03.05 |
상위 구성 요소의 하위 구성 요소 참조에 액세스하는 방법 (0) | 2023.03.05 |