2017-08-20 645 views
1

我在我的网站上放置了一个YouTube视频。我想禁用右键单击,以便没有人可以直接访问视频。如何禁用右键点击youtube embed IFRAME?

下面的代码片段:

<iframe width="100%" height="563" src="' . $yturl . '?controls=' . $controls . '&rel=0&showinfo=0&autoplay=' . $autoplay . '" frameborder="0" allowfullscreen></iframe>` 

有没有办法实现这个`

回答

0
因为u've问,我可以告诉你我的经验

很长一段时间过去了:我喜欢浪费1.5我搜索到的最好的是有人说,将ifvisibile div放在包含YouTube视频的iframe之上。 东西容易,因为

<div class="yt-cover"></div> 

并且以位CSS的:

.yt-cover{ 
    position: absolute; 
    top: 0; 
    bottom:0; 
    right:0; 
    left:0; 
    z-index:1000; 
} 

这应该是足够了。父母的div必须有position:relative;要做到这一点,您必须能够以某种方式编辑页面HTML /代。

无论如何,我不知道你在寻找什么,但如果它是像我的客户问:“我不希望人们能够下载视频找到URL”我可以告诉你如果有人真的想从YouTube上下载视频,他最终会找到一种方式,即使没有能够右键点击并转到网址。

+0

谢谢@Diego它确实工作,但问题是,即使控件不再可点击这是再次问题 – Himani

+0

@Himani我放弃了试图禁用右键单击,它看起来像一个非常困难/不可能的任务。我发现一些材料说禁用右键点击iframe使用iframe上的'contextmenu'(https://api.jquery.com/contextmenu/)事件来防止右键单击,但我coudnt使其正常工作 –