Question

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

我让youtube播放器在iframe中自动静音，并具有取消静音按钮，并且我按下该按钮时会调用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

请不要提供今天可以使用的hacky解决方案，而明天再停止使用。

Answer 1

iframe上的

allow =“ autoplay; fullscreen”已修复w3c.github.io/webappsec-feature-policy/#allowlist –

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

1 个答案: