在iframe内部，Youtube播放器取消静音功能停止工作

Question

在将此标记为重复之前，请阅读详细信息。

我在iframe中有youtube播放器自动播放MUTED并且有一个取消静音按钮，我按下按钮时调用unMute（）。但是我收到此错误：

取消静音失败并且元素暂停，因为用户之前没有与文档交互

这是播放器代码：

try {
      new YT.Player('ytplayer', {
        height: '100%',
        width: '100%',
        videoId: this.config.mediaId,
        playerVars: {
          modestbranding : 1,
          rel : 0,
          showinfo : 0,
          autoplay: 1,
          color: 'white',
          rel: 0,
          playsinline: 1,
          controls: 0
        },
        events: {
          onReady: this.onPlayerReady.bind(this)
        }
      });
    } catch(e) {
      showErrorScreen(e);
    }

onPlayerReady(event) {
    this.playerRef = event.target;
    this.playerRef.mute();
    this.playerRef.playVideo(); // because autoplay: 1 sometimes does not work

  }

...
const unmute = (event) => {
    playerRef.unMute();
    state.muted = false;
    updateVolumeControls();
  };

这里是页面的链接：

https://video.inpwrd.net/college-prep-dont-go-it-alone/48ebe783-bcc4-4b96-9ba5-aff3db5f13df

在iframe之外它有效。这绝对是youtube播放器代码中的一个错误。我坚持自动播放静音政策。我相信他们有这样的假设：玩家总是在根文档中。这是堆栈跟踪：

取消静音失败并且元素暂停，因为用户之前没有与文档交互

g.h.xk  @   base.js:6951
jya @   base.js:4586
yQ  @   base.js:4585
Fna @   base.js:3091
g.h.unMute  @   base.js:6718
a.F.(anonymous function)    @   base.js:3082
g.h.handleExternalCall  @   base.js:6698
a.C.(anonymous function)    @   base.js:3086
(anonymous) @   www-embed-player.js:526
k.la    @   www-embed-player.js:609
k.La    @   www-embed-player.js:598
ii.B    @   www-embed-player.js:594

请不要提供今天有效的黑客解决方案，明天停止工作。

Answer 1

iframe上的allow =“autoplay; fullscreen”修复了它w3c.github.io/webappsec-feature-policy/#allowlist -