Javascript 禁用视频元素上的上下文菜单

下面代码的目的是在视频容器元素（客户请求）上禁用鼠标右键单击和上下文菜单。然而，它似乎也敲掉了启动视频所需的左键单击

如何对其进行编码，以便仅禁用右键单击

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

HTML是：

        <div class="video-container" data-videoname="" data-flash="http://yyy.net/video1.flv">
            <video id="flashContent" width="944" height="531" controls="controls">
                <source src="http://yyy.net/video1.mp4" type="video/mp4">
                <source src="http://yyy.net/video1.ogv" type="video/ogg">
            </video>
            <div class="poster">
                <div class="content">
                    <img src="/media/es-es/121111/different.png" width="944" height="531">
                    <img class="button" alt="Play this video" src="../../images/buttons/icon_video_play.png">
                </div>
            </div>
        </div>

---

您可以检查鼠标右键是否被jQuery中的事件单击。 1表示鼠标左键，2表示鼠标中键，3表示鼠标右键

单击右键时，尝试绑定contextmenu覆盖功能，否则取消绑定。我认为这应该能奏效

$(document).ready(function () {
   $('.video-container').mousedown(function(event) {
      if(event.which === 3) {
         $('.video-container').bind('contextmenu',function () { return false; });
       }
       else {
         $('.video-container').unbind('contextmenu');
       }
   });
});

---

您可以检查是否使用jQuery中的事件单击了鼠标右键。 1表示鼠标左键，2表示鼠标中键，3表示鼠标右键

单击右键时，尝试绑定contextmenu覆盖功能，否则取消绑定。我认为这应该能奏效

$(document).ready(function () {
   $('.video-container').mousedown(function(event) {
      if(event.which === 3) {
         $('.video-container').bind('contextmenu',function () { return false; });
       }
       else {
         $('.video-container').unbind('contextmenu');
       }
   });
});

---

您可以检查是否使用jQuery中的事件单击了鼠标右键。 1表示鼠标左键，2表示鼠标中键，3表示鼠标右键

单击右键时，尝试绑定contextmenu覆盖功能，否则取消绑定。我认为这应该能奏效

$(document).ready(function () {
   $('.video-container').mousedown(function(event) {
      if(event.which === 3) {
         $('.video-container').bind('contextmenu',function () { return false; });
       }
       else {
         $('.video-container').unbind('contextmenu');
       }
   });
});

---

您可以检查是否使用jQuery中的事件单击了鼠标右键。 1表示鼠标左键，2表示鼠标中键，3表示鼠标右键

单击右键时，尝试绑定contextmenu覆盖功能，否则取消绑定。我认为这应该能奏效

$(document).ready(function () {
   $('.video-container').mousedown(function(event) {
      if(event.which === 3) {
         $('.video-container').bind('contextmenu',function () { return false; });
       }
       else {
         $('.video-container').unbind('contextmenu');
       }
   });
});

---

您不需要检查单击了哪个按钮

通过向视频标记添加

oncontextmenu=“return false；”“

，可以直接从HTML禁用上下文菜单，而不使用javascript

像这样：

<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>

---

您不需要检查单击了哪个按钮

通过向视频标记添加

oncontextmenu=“return false；”“

，可以直接从HTML禁用上下文菜单，而不使用javascript

像这样：

<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>

---

您不需要检查单击了哪个按钮

通过向视频标记添加

oncontextmenu=“return false；”“

，可以直接从HTML禁用上下文菜单，而不使用javascript

像这样：

<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>

---

您不需要检查单击了哪个按钮

通过向视频标记添加

oncontextmenu=“return false；”“

，可以直接从HTML禁用上下文菜单，而不使用javascript

像这样：

<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>

---

由@jshrek共享的答案完全正确，但如果客户的请求不是显示/隐藏所有下载选项，那么您可能还需要从视频标签中删除控件属性

---

由@jshrek共享的答案完全正确，但如果客户的请求不是显示/隐藏所有下载选项，那么您可能还需要从视频标签中删除控件属性

---

由@jshrek共享的答案完全正确，但如果客户的请求不是显示/隐藏所有下载选项，那么您可能还需要从视频标签中删除控件属性

---

由@jshrek共享的答案完全正确，但如果客户的请求不是显示/隐藏所有下载选项，那么您可能还需要从视频标签中删除控件属性

---

---

您能否提供您的元素witch类的代码

。视频容器

？谢谢向我们展示您的HTML代码。您的客户知道这实际上不会阻止任何人右键单击它，对吗？相关：已将HTML添加到原始问题中。是的，Cory已经向客户解释了这种方法的局限性。您能否提供元素witch类的代码

。视频容器
？谢谢向我们展示您的HTML代码。您的客户知道这实际上不会阻止任何人右键单击它，对吗？相关：已将HTML添加到原始问题中。是的，Cory已经向客户解释了这种方法的局限性。您能否提供元素witch类的代码
。视频容器
？谢谢向我们展示您的HTML代码。您的客户知道这实际上不会阻止任何人右键单击它，对吗？相关：已将HTML添加到原始问题中。是的，Cory已经向客户解释了这种方法的局限性。您能否提供元素witch类的代码
。视频容器
？谢谢向我们展示您的HTML代码。您的客户知道这实际上不会阻止任何人右键单击它，对吗？相关：已将HTML添加到原始问题中。是的，我已经向客户解释了这种方法的局限性。请不要用评论/问题来回答。可以理解的是，您的代表太低，无法发表评论，但这仍然不意味着应该使用答案作为备选方案发表评论。如果您删除此内容，则更可取。请不要回答评论/问题。可以理解的是，您的代表太低，无法发表评论，但这仍然不意味着应该使用答案作为备选方案发表评论。如果您删除此内容，则更可取。请不要回答评论/问题。可以理解的是，您的代表太低，无法发表评论，但这仍然不意味着应该使用答案作为备选方案发表评论。如果您删除此内容，则更可取。请不要回答评论/问题。可以理解的是，您的代表太低，无法发表评论，但这仍然不意味着应该使用答案作为备选方案发表评论。如果你删除了这个会更好。很简单