如何禁用 HTML5 YouTube iframe 视频的上下文菜单
Posted
技术标签:
【中文标题】如何禁用 HTML5 YouTube iframe 视频的上下文菜单【英文标题】:How to disable context menu for HTML5 YouTube iframe video 【发布时间】:2015-03-12 14:20:10 【问题描述】:我正在嵌入一个 YouTube 视频并使用 JS API 对其进行操作,但是我希望停用 YouTube 在视频上提供的上下文菜单,因为它会导致我的应用程序出现一些故障。
我正在使用 oncontextmenu="return false;"但它似乎不起作用,即使我在页面正文中禁用上下文菜单,菜单也会始终显示。
<body oncontextmenu="return false;">
<iframe src="//www.youtube.com/embed/yQ5U8suTUw0?autoplay=1&controls=0" frameborder="0" allowfullscreen oncontextmenu="return false;"></iframe>
</body>
http://jsfiddle.net/g0g4npty/
【问题讨论】:
【参考方案1】:我会创建一个带有嵌入式 youtube 视频的附加 html 文件。在这个 html 文件中,我会使用 jQuery 来阻止上下文菜单:
jQuery(document).ready(function()
jQuery('video').bind('contextmenu',function() return false; );
);
并将这个创建的页面放到iframe
来展示视频。
【讨论】:
以上是关于如何禁用 HTML5 YouTube iframe 视频的上下文菜单的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 Youtube 的 HTML5 iframe API 设置 wmode=opaque?
嵌入没有 iframe 的 HTML5 YouTube 视频?