首页 > 解决方案 > 使用 react-player API 导致无法在控制台中的“DOMWindow”错误上执行“postMessage”?

问题描述

我已经按照用户的建议安装了 react-player,它解决了我最初的问题,但现在我在 chrome 上的控制台中出现了这个错误,Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('<URL>') does not match the recipient window's origin ('<URL>').我不知道该怎么办?我的代码如下(仅我完整代码的片段):

import React, { useRef, useState, useEffect } from 'react';
import ReactPlayer from 'react-player/youtube'

function Webapps() {

const autoplayChange = () => {
        console.log('playing!')
    }
return(
<div className='iframeContainer'><ReactPlayer url={Projects.videoAddress} muted={true} controls={false} onPlay={autoplayChange} onPause={autoplayChange} onEnded={autoplayChange}/></div>
)

}

标签: javascripthtmlreactjsyoutube-javascript-apiyoutube-iframe-api

解决方案


我不得不禁用我的 Add-Blocker。


推荐阅读