как я могу отключить параметры видео, если щелкнуть его правой кнопкой мыши (HTML)

Question

Я только что встроил видео в свой веб-сайт, и все идет хорошо. Я просто включил автозапуск, l oop, отключил все эти атрибуты, но я столкнулся с проблемой, когда щелкнул правой кнопкой мыши видео, и нашел варианты этих тезисов:

Я гуглил это, но я не нашел ничего полезного, все, что я нашел, - это как отключить щелчок правой кнопкой мыши на моем видео, чего я не делаю хотеть. это не лучшая практика, пожалуйста, вы можете помочь мне отключить их (опции со стрелкой)

извините, если вы не говорите по-французски, позвольте мне перевести вас (Повторить, показать команды, сохранить видео как, PIP mode)

и заранее предупреждаю вас

Answer 1

Вы можете использовать следующий код javascript для отключения правого меню

<video oncontextmenu="return false;" id="my-video-player" width="854" height="480" controls autoplay>
  <source src="https://www.youtube.com/watch?v=soZOr25vK-k" type="video/mp4">
</video>

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

Answer 2

Вы можете использовать плагин jquery contextMenu, чтобы перестроить ваше меню и отображать только те элементы, которые вы хотите.

1. скачайте плагин с github и зарегистрируйте его в своем проекте

2. Настройте меню и используйте его в качестве eventListner

   $(function() {
   $.contextMenu({
       selector: '.context-menu-one', 
       callback: function(key, options) {
           var m = "clicked: " + key;
           window.console && console.log(m) || alert(m); 
       },
       items: {
           "edit": {name: "Edit", icon: "edit"},
           "cut": {name: "Cut", icon: "cut"},
          copy: {name: "Copy", icon: "copy"},
           "paste": {name: "Paste", icon: "paste"},
           "delete": {name: "Delete", icon: "delete"},
           "sep1": "---------",
           "quit": {name: "Quit", icon: function(){
               return 'context-menu-icon context-menu-icon-quit';
           }}
       }
   });
   
   $('.context-menu-one').on('click', function(e){
       console.log('clicked', this);
   })    
   

   });