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

时间:2015-01-14 11:49:00

标签: javascript jquery html5 iframe youtube

我正在嵌入YouTube视频并使用JS API进行操作,但我希望停用YouTube在视频上提供的上下文菜单,因为它会导致我的应用程序出现一些问题。

我正在使用oncontextmenu ="返回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/

1 个答案:

答案 0 :(得分:-1)

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

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

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