自定義上下文菜單不能在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視頻標籤上工作

回答

相關問題