Javascript 通过用户交互动态插入iframe后在手机上自动播放Youtube视频

Javascript 通过用户交互动态插入iframe后在手机上自动播放Youtube视频,javascript,html,mobile,youtube-iframe-api,Javascript,Html,Mobile,Youtube Iframe Api,我正在通过IFrames使用嵌入式Youtube视频构建一个响应性强的网页。IFrame不会直接/在页面加载时加载,而是在用户单击占位符后通过Javascript插入DOM 因此,目前我依靠播放器事件onReady在插入后启动视频,实际上导致了自动播放行为 由于自动播放的限制,这在台式机上可以正常工作,但在移动设备上不能正常工作,因为这意味着事件必须“由用户交互启动”: onReady事件不是,至少在本例中不是直接的 因此,在移动设备上,我会收到“如果播放无法立即开始,请尝试重新启动设备”的消息

我正在通过IFrames使用嵌入式Youtube视频构建一个响应性强的网页。IFrame不会直接/在页面加载时加载,而是在用户单击占位符
后通过Javascript插入DOM

因此,目前我依靠播放器事件
onReady
在插入后启动视频,实际上导致了自动播放行为

由于自动播放的限制,这在台式机上可以正常工作,但在移动设备上不能正常工作,因为这意味着事件必须“由用户交互启动”: onReady事件不是,至少在本例中不是直接的

因此,在移动设备上,我会收到“如果播放无法立即开始,请尝试重新启动设备”的消息,用户必须再次点击播放器才能开始播放

是否有机会解决这个问题,或者“转发”这个用户交互事件(我觉得这就像试图绕过这个限制)。或者我必须直接嵌入
代码吗

--


出现的另一个问题是,我觉得这一定是很久以前的事了,所以也许YouTube的IFrame API已经改变了?

虽然晚了,但仍然有效:去年自动播放策略已经改变了很多。更多解释请参见: