我想知道如何在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視頻標籤的問題嗎(經過幾天的大量研究,我找不到任何現有的示例)?
您的控制檯是否給您提供任何錯誤? – ketchupisred
沒有......一切看起來都很好 –
你有一個現場預覽的網站嗎?另外,如果您的上下文菜單位於腳本下方,則可能會嘗試查找未呈現的元素。 – ketchupisred