草庐IT

flutter_youtube

全部标签

javascript - YouTube API 似乎未在 Firefox 中加载,IFrame 已加载,但 onPlayerReady 事件从未触发?

我正在加载YouTube播放器API,如下所示:varplayer;functiononYouTubeIframeAPIReady(){console.log("iframeready");player=newYT.Player('player',{height:'390',width:'640',events:{'onReady':onPlayerReady,'onStateChange':onPlayerStateChange}});}functiononPlayerReady(){console.log("playerready");}在chrome上,IFrame就绪和播放器就

Javascript 事件监听器退出(?)监听... Youtube API - 无控制台错误

编辑-2016-06-25(我删除了6月16日的更新,因为不再相关。我把我的OP留在了下面...)我今天又花了4个小时在这上面。现在是这样的情况:我的函数WORKS用于两个链接。视频参数在数组中定义。其他两个链接无效。我得到一个UncaughtTypeError:thisPlayer.loadVideoByIdisnotafunction对于链接#3和#4。但是相同的功能适用于链接#1和#2。似乎youtube对象仅针对两个第一定义。为什么?请仔细查看此实时链接上的控制台:https://www.bessetteweb.com/?p=youtube-video-test我插入了很多co

javascript - Youtube API - 无法在 'postMessage' 上执行 'DOMWindow'

我正在尝试在模式打开时开始播放YouTube视频,并且在完成之前不会进入下一页。我的以下脚本在Chrome中有效,但在Firefox和Edge中产生此错误。Failedtoexecute'postMessage'on'DOMWindow':Thetargetoriginprovided('https://www.youtube.com')doesnotmatchtherecipientwindow'sorigin('http://example.com').Javascript//autoplayvideofunctiononPlayerReady(event){event.targe

javascript - Youtube iFrame(使用 javascript API)第一次加载,但第二次不加载。为什么?

我正在使用带有以下代码的iFrameYoutubeAPI。我使用Ajax调用此View以呈现它并将其附加到我页面中的div.yt-player中。它在我第一次调用View时有效,但在我关闭视频(清空div.yt-player)并单击另一个调用我的View的链接后,视频根本无法加载(空白)。我一直在努力,但仍然不明白为什么会这样,尤其是它第一次起作用。非常感谢任何形式的帮助。谢谢。PS:html和javascript都是由View渲染的。HtmlJavascript:vartag=document.createElement('script');tag.src="https://www.

javascript - 如何使用 Youtube API V3 获取视频 RTSP 链接?

我曾经使用V2正常获取它,但在APIV3中有什么替代方法?如果不可用,是否有任何黑客可以做到这一点?例如。猜网址?注意:V2现在已弃用,所以我不能依赖它。 最佳答案 是的,这是v3API的另一大优势。此API的其他好处:不再有多个屏幕截图可供选择不再有视频时长;必须在第二个查询中请求以ISO8601格式加密的视频时长,以确保您无法将其转换为秒数RTSP值的缺乏只是另一个问题。我敢打赌,在APIv4中,他们可能还会隐藏视频标题,以确保API完全无用。 关于javascript-如何使用Yo

javascript - 无法通过 Google Chrome 扩展中的 YouTube JS API 访问 YouTube 视频,但可以在 JS Fiddle 中访问

我试图了解YouTube视频播放的“阻止”机制的任何触发背后的逻辑。我在这里尝试播放一首被阻止在JSFiddle中嵌入播放的歌曲。观察它是否有效:http://jsfiddle.net/E7B9C/17/现在,我在我的GoogleChrome扩展中使用完全相同的代码:http://www.meomixes.com/如果您想单击以下载扩展程序。http://www.meomixes.com/Test.crx用于扩展的直接链接。观察我无法播放相同的youtube视频:我想知道针对这种情况我的调试选项是什么。有没有人对我应该探索什么有任何想法?我已尝试在我的list中请求以下权限,但没有任何

javascript - YouTube 常规播放器中的 loadVideoById()(非 chromeless)

我在网页中有一个YouTube的播放器。我需要动态更改此播放器播放的视频。使用YouTube的chromeless播放器(相对)容易。它有方法loadVideoById()效果很好。问题是,chromeless播放器没有任何控件(播放/暂停等)。regularYouTubeplayer拥有所有这些,但它没有loadVideoById()方法。有没有办法将普通播放器的控件包含到chromeless播放器中,或者在普通播放器中实现loadVideoById()方法?谢谢。 最佳答案 您不能那样做,因为“常规youtube播放器”中的调用

javascript - 在没有 SWFObject 的 IE6 中使用 jQuery 嵌入 YouTube 视频

这是我的代码:$(document).ready(function(){$("#video").html('');});它适用于Firefox和Chrome,但在IE6中有些地方不太正确。遗憾的是,项目要求之一是支持此浏览器,因此即使它在IE7中工作,我也需要解决这个问题。我知道有SWFObject,但我不想使用它(我们已经加载了一堆JS文件,我们不想要更多)。即使这样也行不通:document.write('');IE6似乎忽略了标签,这是它嵌入的代码。有解决办法吗?谢谢。 最佳答案 您寻找的解决方法将以您编写swfobject的

javascript - 有没有办法在我的网站上更快地加载嵌入式 YouTube 视频?

我正在撰写一篇博文,其中使用了来自YouTube和YahooVideo的多个视频,但我对页面呈现所需的时间不满意。除了使用ajax-y方法加载视频外,是否有任何技巧可以使页面加载来自不同来源的多个视频更快? 最佳答案 嵌入式YouTube视频的问题在于播放器本身需要加载。您可以在嵌入代码的URL中添加“controls=2”,但这只会让AS2/3播放器在点击后加载播放器。Google+针对此问题的解决方法是根本不加载播放器。相反,它会加载一个叠加有播放按钮的缩略图。单击时,图像会替换为实际的YouTube播放器iframe嵌入代码,

javascript - Iframes 和 React.js - 如何将 youtube 视频嵌入我的应用程序

我正在尝试了解如何将YouTube嵌入到我的应用中。importReactfrom"react"importPageheaderfrom'react-bootstrap/lib/Pageheader';importResponsiveEmbedfrom'react-bootstrap/lib/ResponsiveEmbed';importGridfrom'react-bootstrap/lib/Grid';exportdefaultclassServicesextendsReact.Component{render(){return(AboutusM2ConsultingisBring