鼠标悬停功能上的click元素不起作用

Question

嗨，我有一个代码，我想在任何设备中自动播放一些youtube视频。问题是在Android和ios的移动设备中，自动播放事件已被禁用。所以我想创建一个单击iframe的函数。 我的代码如下：

<iframe id="text" width="560" height="315" src="https://www.youtube.com/embed/5-RszQzQCvg" frameborder="0" allowfullscreen></iframe>


<form>
  <input type="checkbox" id="myCheck" onmouseover="myFunction()">
</form>

<script>
function myFunction(){
document.getElementById("text").click();}
</script>

问题在于，当我鼠标悬停在复选框上时，我的功能因为视频剂量开始而起作用。

Answer 1

无法模拟点击以模拟ios设备中的视频自动播放。即使你可以找到一个解决方法，这种行为是设计的，所以解决方法可能会修复。

Apple开发人员文档中对此进行了解释：

https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html