禁用<iframe> onclick pause </iframe>

时间:2013-07-28 17:37:51

标签: html5 youtube-api

我想从用户中删除所有控件。我使用:controls=0隐藏控件,disablekb=1删除键盘快捷键。最后一个是鼠标点击。我做了一些研究,但没有找到所需的答案。

tl; dr如何删除鼠标暂停形式,例如:

<iframe id="ytplayer" type="text/html" width="640" height="390"
  src='http://www.youtube.com/embed/EgBWDPXF2gU?autoplay=1&disablekb=1&controls=0&origin=http://example.com' ></iframe>

编辑:有一个合法的解决方案。它不能100%工作,但对大多数情况来说都足够好了。解决方案是简单地添加一个正在寻找“视频暂停事件”的事件监听器。当触发此事件时,只需开始播放当前视频。这将完美无缺,除非用户点击每分钟大约150-180次点击的速度,否则视频在功能运行之前暂停时的毫秒差异将是不明显的。

我会将唯一提交的答案标记为解决方案,因为如果有人发现这一点,他首先应该知道任何进一步的修改都是非法的。

4 个答案:

答案 0 :(得分:9)

尝试使用iframe或iframe包装器的技巧:

#ytplayer {pointer-events: none;}

答案 1 :(得分:2)

很抱歉,但这不是法律诉讼。你可能会被youtube禁止。 https://developers.google.com/youtube/terms

答案 2 :(得分:0)

<div style="pointer-events: none">
  <iframe
    width="1730"
    height="683"
    src="https://www.youtube.com/embed/vSfAPWcrltQ"
    title="YouTube video player"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen
  ></iframe>
</div>

<div style="pointer-events: none">
  <iframe></iframe>
</div>

答案 3 :(得分:-1)

我找到了一种禁用点击的方法(如果你真的需要),在你的iframe上添加一个带有这些CSS属性的div:

position: absolute, 
height: 100%,
width: 100%