通过用户交互动态插入iframe后,在移动设备上自动播放Youtube视频

时间:2016-11-24 12:53:58

标签: javascript html5 mobile youtube-iframe-api

我正在通过IFrame使用嵌入式Youtube视频构建响应式网页。 IFrame不会在页面加载时直接加载,而是仅在用户单击占位符<img>后通过Javascript插入到DOM中。

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

由于自动播放限制,这种情况在台式机上运行良好,但在移动设备上运行不正确,并说该事件必须“由用户互动启动”:https://developers.google.com/youtube/iframe_api_reference?hl=en#Autoplay_and_scripted_playback 其中onReady事件不是,至少在这种情况下不直接。

因此,在移动设备上,我收到“如果播放没有立即开始尝试重新启动设备”消息,则用户必须再次点按播放器才能开始播放。< / p>

有没有机会解决这个问题,可能是“转发”这个用户互动事件(我觉得这样做会试图绕过这种限制)。或者我是否必须直接嵌入<iframe>代码?

-

出现的另一个问题是我觉得这个问题一定要等到很久以前,所以YouTube的IFrame API可能会改变吗?

0 个答案:

没有答案