自定义上下文菜单不能在HTML视频标签上工作

我想知道如何在HTML视频标签（类似于YouTube菜单）上创建我自己的上下文菜单。自定义上下文菜单不能在HTML视频标签上工作

我使用了一个名为rClick.js

代码库片断

<video id="video1" class="videoMenu" width="33.33%" style="padding: 2px 2px 2px 2px;"> 
       <source src="./assets/samples/trailer.mp4" type='video/mp4'> 
      </video> 
<script src="assets/js/rclickcontextMenu/rclick.min.js"></script> 
<script type="type/javascript"> 
$(function(){ 
    $(window).rClick({ 
    click: null, // right click 
    element: $('#context-menu') 
    }); 
});

<div id="context-menu" class="hidden"> 
<ul> 
    <li><a href="#">Copy</a></li> 
    <li><a href="#">Paste</a></li> 
    <li><a href="#">Delete</a></li> 
</ul>

不知何故，库不能像它应该那样工作，而是显示默认菜单。这是HTML视频标签的问题吗（经过几天的大量研究，我找不到任何现有的示例）？

来源

2016-07-27 J.Doe

您的控制台是否给您提供任何错误？ – ketchupisred

没有......一切看起来都很好 –

你有一个现场预览的网站吗？另外，如果您的上下文菜单位于脚本下方，则可能会尝试查找未呈现的元素。 – ketchupisred

此功能当前（25/12/2016）仅在Firefox中受支持。在不同的浏览器中试试这个（http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_oncontextmenu）。

如果您想为所有浏览器提供上下文菜单，您可以在javascript中禁用默认菜单并自行绘制一个新菜单。 GitHub中有一些现有的代码用于您的目的。我自己亲自画菜单。有关更多详细信息，请参阅http://www.voidtricks.com/custom-right-click-context-menu/。

来源

2016-12-25 05:16:26

它看起来像一个评论，而不是一个答案。请添加一点以使其更清楚。 – surajsn

自定义上下文菜单不能在HTML视频标签上工作

回答

相关问题