Benutzerdefiniertes Kontextmenü funktioniert nicht mit HTML Video tag

Question

Ich habe mich gefragt, wie ich mein eigenes Kontextmenü über HTML-Video-Tags erstellen kann (etwas wie das YouTube-Menü).

ich eine Bibliothek namens bin mit rClick.js

Code-Snippet

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

Irgendwie funktioniert die Bibliothek nicht so wie sie sein sollte, stattdessen wird das Standardmenü angezeigt. Ist es ein Problem mit dem HTML-Video-Tag (Ich konnte nach einigen ausführlichen Recherchen für einige Tage kein vorhandenes Beispiel finden)?

Answer 1

Diese Funktion wird derzeit (25.12.2016) nur von Firefox unterstützt. Versuchen Sie dies (http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_oncontextmenu) in verschiedenen Browsern.

Wenn Sie für alle Browser ein Kontextmenü bereitstellen möchten, können Sie das Standardmenü in Javascript deaktivieren und selbst ein neues zeichnen. Es gibt einige bestehende Codes in GitHub für Ihren Zweck. Ich zeichne persönlich die Speisekarte. Weitere Informationen finden Sie unter http://www.voidtricks.com/custom-right-click-context-menu/.