草庐IT

youtube-mp

全部标签

javascript - 将键盘焦点设置为 YouTube 嵌入

我正在尝试找到一种方法,让键盘专注于我页面中的YouTube播放器。例如,这可以让使用空格键播放/暂停视频变得更容易。这是一个例子:TestingEmbedKeyboardFocus(CodePen)事实上,我必须点击播放器才能接受键盘快捷键。因为这并不理想,所以我希望使用Javascript或jQuery将焦点设置在视频上。我知道-作为替代方案-我可以使用空格键调用播放器对象的playVideo或pauseVideo方法,但这仍然无法实现我可以访问YouTube播放器键盘控件的完整列表。如果这根本不可能,我会理解。但很高兴知道。谢谢! 最佳答案

javascript - 如何为 Youtube v3 数据 API 使用 Etags?

我正在构建一个扩展,它发出了很多请求。我正在开发的功能是显示观看播放列表所需的总时间长度。给定一个大小为1000的播放列表,我必须发出40个请求才能找到此信息(时间限制为50个视频,第一次调用/v3/playlistItems获取一组videoID,第二次调用/v3/videos获取持续时间信息).据我所知,仅仅为了那个播放列表,我就失去了600个配额。每次加载页面。我知道,没有什么好担心的,因为我每天允许50,000,000个配额,但我想尽早优化。这也是一个速度问题。仅仅获得播放列表长度就需要整整一分半钟。现在,ETag。出于某种原因,每次我向youtube的数据API请求视频或播放

javascript - OwlCarousel Youtube 视频不显示

我有一个想要显示的YouTube视频,但根本没有显示。我没有为视频添加高度或宽度,因为我想让它保持响应。http://www.owlcarousel.owlgraphic.com/demos/video.htmlhttp://jsfiddle.net/nLz17fcv/12/ 最佳答案 使用a标签添加视频似乎不起作用。相反,您可以将其替换为Iframe以像这样嵌入您想要的视频。除此之外,我还删除了transitionStyle:"fade",因为此属性会阻止轮播过渡。可以在这个DEMO上查看希望对你有帮助

javascript - YouTube Player API 检测全屏退出

所以基本上有一个按钮,点击它会打开并全屏播放视频。我想在用户退出全屏但无法捕获该事件时停止视频。现在我用它作为开始http://codepen.io/bfred-it/pen/GgOvLM谁能告诉我一个可能的解决方案。HTML:playfullscreenJS:varplayer,iframe;var$=document.querySelector.bind(document);//initplayerfunctiononYouTubeIframeAPIReady(){player=newYT.Player('player',{height:'200',width:'300',vide

javascript - 使用 jQuery 从 URL 获取 YouTube 视频 ID

我正在尝试将任何YouTubeURL作为输入的文本区域输入,并像Facebook一样嵌入视频。我有:vartext=$('#content').val().split('');for(i=0;i它接受任何YouTubeURL并将其变成[youtube=videoid].那么问题是,当提交带有的URL时或\n最后它添加了]然后。有人知道更好的方法吗? 最佳答案 最近有人提出了类似的问题(但该问题需要PHP解决方案)。这是mysolutiontothatquestion的JavaScript版本://LinkifyyoutubeURLs

javascript - Youtube api 未知部分统计

我正在尝试获取统计数据的一部分,但出于某种原因我遇到了错误,我确实喜欢文档所说的。这是我要发送的内容:https://www.googleapis.com/youtube/v3/search?key=AIzaSyBsobUXzJvjjuHZsMiv7SZAkzVcSgc8F2c&maxResults=5&part=id,snippet,statistics&q=test没有统计部分,这是可行的。{"error":{"errors":[{"domain":"youtube.part","reason":"unknownPart","message":"statistics","locat

javascript - 为什么 .mov、.mkv 和一些 .mp4 不能在 plyr.js 中播放

我如何使用plyr.js播放.mov,.mkv,.wmv,.mp4所有文件因为我喜欢plyr的外观code>我不想通过videojs更改plyr。如果有任何外部插件可以帮助播放上述文件,我很乐意使用它们。注意:我使用了plyr.polyfilled.js,尽管它不会播放。我没有任何要显示的.mov、.mkv、.wmv文件问题:是否可以使用plyr播放上述文件。下面的演示:'usestrict';document.addEventListener('DOMContentLoaded',function(){//ThisisthebareminimumJavaScript.Youcanop

javascript - 有没有使用网络音频 api 从 iframe 可视化 youtube 音频?

是否可以收听iframe中的youtube视频的音频,然后对其进行分析以用于基于网络音频api的可视化工具?从我的网站制作方式来看,我只能从iframe中获取源url。这是我的一个iframe的示例: 最佳答案 希望这对future的Google员工有所帮助。我发现这样做的唯一方法是使用音频流库(如节点的youtube-audio-stream)并从服务器端缓冲/传输音频。varexpress=require('express');varrouter=express.Router();varyoutubeStream=require

javascript - 如何在 JavaScript 中将 PCM 数据编码为 MP3?

我正在使用Recorder.js从麦克风录制音频。该库可以将PCM数据编码为WAV,我可以使用成功播放它。.但是,生成的WAV数据太大(约38MB用于5分钟的录音)。我尝试使用Speech-to-Server提供的libmp3lame.js.在recorderWorker.js,我正在导入Lame脚本:importScripts("libmp3lame.js");然后,我更改了exportWAV()函数将PCM缓冲区编码为MP3而不是WAV。functionexportWAV(type){varbufferL=mergeBuffers(recBuffersL,recLength);va

javascript - 在 Ionic 2 应用程序中显示 Youtube

我正在尝试在Ionic2应用程序中显示Youtube视频,其中的URL从JSON数据提要中提取。在详细信息页面的构造函数中设置Youtubeurl时可以显示单个视频,但我需要详细信息页面来显示JSON提要中每个视频的视频。以下是单个Youtube视频如何在detail.ts和detail.html中显示在Ionic2中:1import{SafeResourceUrl,DomSanitizer}from'@angular/platform-browser';2videoUrl:SafeResourceUrl;constructor(privatedomSanitizer:DomSanit