如何禁用HTML5 YouTube iframe视频的上下文菜单

How to disable context menu for HTML5 YouTube iframe video

本文关键字：上下文 菜单 视频 iframe 何禁用 HTML5 YouTube      更新时间：2023-09-26

我正在嵌入一个YouTube视频并使用JS API对其进行操作，但是我希望停用YouTube在视频中提供的上下文菜单，因为它会导致我的应用程序中出现一些故障。

我正在使用 oncontextmenu="return false;"，但它似乎不起作用，即使我在页面正文中禁用上下文菜单，菜单也始终显示。

<body oncontextmenu="return false;">
<iframe width="560" height="315" src="//www.youtube.com/embed/yQ5U8suTUw0?autoplay=1&controls=0" frameborder="0" allowfullscreen oncontextmenu="return false;"></iframe>
</body>

http://jsfiddle.net/g0g4npty/

我会创建一个带有嵌入式YouTube视频的附加html文件。在这个html文件中，我会使用jQuery来阻止上下文菜单：

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

并将此创建的页面放在iframe以显示视频。

相关文章：