javascript - 使用 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>
)
}
解决方案
我不得不禁用我的 Add-Blocker。
推荐阅读
- c# - 您如何使用返回值,但不再次运行整个代码?
- php - 带有 where 条件的 Laravel 连接查询将比较值读取为字符串而不是字段值
- python - 我想将 pdf 文件的一页放在 pdf 文件的另一页上
- java - ClientEndpoint - WebsocketClient
- java - 如何根据优先级重新排列列表视图中的项目?
- sql - 错误:网站当前无法处理此请求。HTTP 错误 500
- firebase - NuxtJS 全局插件:如何从单个文件组件中访问?取消订阅身份验证侦听器
- mysql - 具有 MySQL 提交缓存行为的 Springboot Kotlin 服务器
- ruby-on-rails - rails-layout - 找不到宝石
- python - 基于python中的索引在列表之间移动项目