Chrome v.66移动端浏览器自动播放问题：点击触发iframe视频无法自动播放

我之前在处理类似的视频自动播放问题时，碰到过几个容易被忽略的点，结合你的场景，这些因素可能导致Chrome v66移动端无法自动播放：

• 交互上下文的时效性：如果你的代码是在点击事件中通过异步操作（比如setTimeout、AJAX请求后）才创建并加载iframe，Chrome可能会认为这个iframe的加载和用户的点击交互已经失去了直接关联——Chrome对用户交互的“权限”有时间窗口限制（通常是几秒内），超出这个窗口后自动播放会被阻止。建议确保iframe的创建和视频加载是在点击事件的同步流程中完成的。

• iframe的sandbox属性冲突：如果你的iframe设置了sandbox属性，默认会限制媒体自动播放。即使你加了allow="autoplay"，还需要在sandbox中明确添加allow-autoplay和allow-media（部分场景下可能还需要allow-same-origin），否则sandbox的限制会覆盖allow属性的设置。

• 视频标签的必要属性缺失：移动端Chrome要求视频必须设置playsinline属性才能在iframe内自动播放（而非强制全屏）。如果你的视频标签没有加playsinline，Chrome可能会因为要切换到全屏模式而阻止自动播放，即使有用户交互。同时要确保视频标签的autoplay属性正确设置（<video autoplay playsinline ...>）。

• Chrome v66的版本特定Bug：这个版本的Chrome移动端确实存在一些自动播放相关的已知问题，比如动态加载的iframe中，即使满足所有条件，autoplay属性也可能不生效。这种情况下，可以尝试在iframe的onload事件中，主动调用视频元素的play()方法，比如：

  iframe.onload = function() {
    const video = iframe.contentDocument.querySelector('video');
    if (video) video.play().catch(err => console.log(err));
  };
  

  手动触发播放通常能绕过这个版本的Bug，同时用catch捕获错误可以排查具体的阻止原因。

• allow属性的完整设置：确保iframe的allow属性不仅包含autoplay，还要考虑fullscreen（如果视频需要全屏）和media相关权限，比如allow="autoplay; fullscreen; media"——部分场景下，权限不全也会导致自动播放被拦截。

内容的提问来源于stack exchange，提问作者user1776573