草庐IT

youtube_dl

全部标签

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

javascript - 跟踪 YouTube 观看历史

为了自动跟踪我的时间,我想获取我的观看历史记录(最好的情况:一天一次,最坏的情况是一分钟一次),并将其添加为Google日历事件。虽然我设法添加了Google日历事件,但无法获取我的YouTube观看历史记录。所以我想知道v3API是否提供类似的东西,或者是否有某种创建播放列表的技巧? 最佳答案 不幸的是,YouTubeAPI团队似乎已停止使用此功能。2016年8月11日,theyannouncedthattheywouldbedeprecatingtheAPIsforwatchlaterandwatchhistoryplaylis

javascript - 在非对象上调用 React iframe youtube : Object. defineProperty

我制作了一个组件,用于在我的React应用程序中嵌入YouTube视频,效果很好。为此,我使用了iframe。但即使它有效,我也不知道为什么但我得到了这个错误。sw.js:5UncaughtTypeError:Object.definePropertycalledonnon-object这似乎是一个youtube问题,因为如果我在iframe中使用另一个URL比:https://www.youtube.com/embed/ZJD1zoAaCmo例如:https://www.dailymotion.com/embed/video/xwr14q我不会再有错误了如果您有任何想法,我们将不胜感

javascript - Youtube 缓冲完成事件是否可能

是否可以通过javascript检测youtube缓冲的完成?这里http://code.google.com/intl/de-DE/apis/youtube/js_api_reference.html有很多方法,但没有一个事件显示“完成缓冲”。 最佳答案 varytplayer;functiononYouTubePlayerReady(playerId){ytplayer=document.getElementById("myytplayer");checkBuffer();}functioncheckBuffer(){if(yt

javascript - 如何解决来自 YouTube 嵌入的 'Failed to execute ' postMessage' on 'DOMWindow' ' 错误

我尝试使用YouTubeJavaScript/iFrameAPI寻找视频的不同时间。我已经精简了一个演示:http://jsbin.com/yuliponuvarplayer;window.onYouTubeIframeAPIReady=function(){variframe=document.createElement("iframe");iframe.width=400;iframe.height=300;iframe.id="youtubeIframe";iframe.src="https://www.youtube.com/embed/yta1WRuiupk?autoplay

javascript - IOS 和 Android 上的 YouTube 嵌入 API 问题

最近几天YouTube嵌入API出现了一个问题。问题是,当您使用官方API嵌入视频时,它根本不允许您访问API。当您尝试访问API时,您在日志(IOS)上收到错误消息,如果您尝试通过API播放视频,视频会中断。如果您通过API加载它,但您不使用API,则用户可以点击播放视频。此问题在以下浏览器上仍然存在:iPad和iPhone上的IOS7SafariiPad和iPhone上的IOS7Chrome安卓4Chrome(我的播放按钮使用API播放视频并产生错误)JSfiddle:http://jsfiddle.net/frdd8nvr/6/错误信息:Unabletopostmessageto

javascript - 为什么 youtube api javascript 代码不能在 jquery 文档中工作?

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭7年前。Improvethisquestion在jQuery就绪函数之外的YoutubeJavascriptAPI代码:http://jsbin.com/umituf/1内部jQuery就绪函数:http://jsbin.com/umituf/2我想使用jQuery,因为当视频停止时(even===

javascript - 播放 Soundcloud 嵌入时暂停 Youtube 嵌入

我有一个音乐博客,其中包含各种嵌入式soundcloud和youtube播放器。我想做的是阻止任何音频同时播放。换句话说,当我正在播放YouTube视频时,如果我点击播放嵌入的声云,我希望YouTube播放器暂停,反之亦然。如果我点击播放另一个YouTube播放器,我已经开发了暂停流媒体YouTube播放器的代码(Soundcloud本身已经做到了这一点)。我只需要让它交叉兼容。非常感谢您的帮助,谢谢。varplayerCurrentlyPlaying=null;varplayers={}YT_ready(function(){$(".youtube_embed").each(func

javascript - 如何将嵌入式 YouTube 视频的帧(通过 iframe)写入 Canvas ?

我希望能够从YouTube视频中的不同点(不仅仅是缩略图)提取帧,并对它们进行一些处理。我可以使用iframeAPI将视频嵌入我的网站,但我正在努力寻找一种方法将其捕获到Canvas上。(如果我被迫捕获整个屏幕没关系,如果我必须更改浏览器设置以允许它也没关系。) 最佳答案 一种选择是编写浏览器扩展。但我猜你会想避免这种情况。另一种选择是使用ScreenCaptureAPI(Chrome、Edge和Firefox支持)。查看browsercompatibilityinformation在MDN上。使用此API,您可以允许您的用户共享他