- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想使用 youtube API ( https://developers.google.com/youtube/iframe_api_reference ) 从附加视频中获取当前时间。我想在另一个组件中使用该信息,这就是为什么我为窗口对象提供一个属性,以便我可以在任何地方访问该信息。
代码:
import React from 'react';
class VideoSingle extends React.Component {
constructor(props){
super(props);
this.state = {}
}
componentDidMount() {
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var YT;
window.onYouTubeIframeAPIReady = function() {
YT = window.YT;
window.player = new YT.Player('videoplayer', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
origin:'http://localhost:3001',
events: {
}
});
}
}
componentDidUpdate() {
console.log(window.player,'logging window.player at componentDidUpdate')
}
render(){
console.log(window.player,'logging window.player at render')
return (
//1. The <iframe> (and video player) will replace this <div> tag.
<div id="videoplayer"></div>
);
}
};
export default VideoSingle;
我尝试使用 console.log 的所有地方都给出“未定义”(在示例中,我在 componentDidMount 中使用 console.logged 并渲染):
但是当我在浏览器控制台中输入 window.player.getCurrentTime() 时,我实际上得到了一个值
我想了解如何在应用程序中的任何位置访问 window.player.getCurrentTime()。
最佳答案
YouTube 脚本很可能在您登录后创建播放器...尝试渲染整个 View ,然后控制台日志。在您的代码中...以下几行没有意义。检查 YouTube API 引用
YT = window.YT;
这使得 YT 未定义...您的意思可能是 window.YT = YT
?请仔细检查。祝你好运,并随时通知我们。
关于javascript - 当 console.logging 组件内的窗口对象时,它给出 'undefined' 。但使用浏览器控制台时可以访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53734345/
我只是有一个更琐碎的问题。 为什么undefined == undefined 返回true,而undefined >= undefined 为false? undefined 等于 undefine
用PHP 7.2编写套接字服务器。根据Firefox 60中的“网络”选项卡,服务器的一些HTTP响应的第一行随机变为undefined undefined undefined。因此,我尝试记录套接字
在 JavaScript 中这是真的: undefined == undefined 但这是错误的: undefined <= undefined 起初我以为<=运算符包含第一个,但我猜它试图将其转换
在回答这个问题 (Difference between [Object, Object] and Array(2)) 时,我在 JavaScript 数组中遇到了一些我以前不知道的东西(具有讽刺意味的
来自https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/of , Note: thi
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
当我添加 到我的 PrimeFaces Mobile 页面,然后我在服务器日志中收到以下警告 WARNING: JSF1064: Unable to find or serve resource, u
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我是一名优秀的程序员,十分优秀!