草庐IT

javascript - 使用 iframe 和 javascript API 让 youtube 视频全屏显示

我有一个带有隐藏控件的嵌入式YouTube视频:我可以使用youtubeJavascriptAPI来控制它。vartag=document.createElement('script');tag.src="//www.youtube.com/iframe_api";varfirstScriptTag=document.getElementsByTagName('script')[0];firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);varplayer;functiononYouTubeIframeAPIReady()

javascript - 使用 javascript/jquery 获取 Youtube 视频信息

varurl="http://gdata.youtube.com/feeds/api/videos/VA770wpLX-Q?v=2&alt=json-in-script&callback=";vartitle;vardescription;varviewcount;varviews;varauthor;$.getJSON(url,function(data){title=data.entry.title.$t;description=data.entry.media$group.media$description.$t;viewcount=data.entry.yt$s

javascript - 单击图像后如何播放/启动 youtube 视频?

我有一张图片,我只想在点击图片后开始播放YouTube视频。我该怎么做?非常感谢! 最佳答案 看看:YoutubeAPIexamples代码是这样的:functiononPlayerReady(event){$('img').click(function(){ytPlayer.playVideo();});} 关于javascript-单击图像后如何播放/启动youtube视频?,我们在StackOverflow上找到一个类似的问题: https://stac

javascript - YouTube(注入(inject))视频结束回调

我将YouTubeiframe注入(inject)文档准备好的div并将其绑定(bind)到点击:jQuery(document).ready(function($){jQuery('.video-thumb').click(function(){...$('#player').html('');...}}我想在视频结束时进行回调。我读过onYouTubePlayerAPIReady,但必须准备好外部文件。我已经尝试通过这种外部文件准备加载视频播放器:varplayer;functiononYouTubePlayerAPIReady(){player=newYT.Player('pla

javascript - YouTube API 目标(多个)现有 iframe

我正在尝试了解如何使用YouTubeAPI定位现有的iframe(即不使用脚本构建iframe)。像往常一样,Google没有提供足够的API示例,但在此处解释说这是可能的http://code.google.com/apis/youtube/iframe_api_reference.html这是我正在尝试执行的操作的示例-应该播放缩略图下方的视频。我快到了,但只有第一个视频播放...http://jsfiddle.net/SparrwHawk/KtbYR/2/ 最佳答案 长话短说:演示:http://jsfiddle.net/Kt

javascript - 如何在页面加载时使用 jQuery 将 youtube 视频 url 转换为 iframe 嵌入代码?

我有一个所见即所得的文本区域,有时用户可能会在框中输入一个youtubeurl。在服务器端,有html过滤器以防止保存“有害”代码。因此,我只想保持服务器代码不变,并运行一个jQuery文档就绪事件,该事件在文本block中搜索YouTube链接,并将其转换为iframe嵌入代码。我想它会是基于正则表达式的,但我对正则表达式非常讨厌(在某些时候,我真的需要坐下来研究它们)。两种类型的YouTube链接:http://www.youtube.com/watch?v=t-ZRX8984sc或http://youtu.be/t-ZRX8984sc 最佳答案

javascript - YouTube API — 未触发 'onYouTubePlayerReady()'

根据我的阅读,这就是我应该如何设置YouTube应用程序接口(interface):YoutubePlayerfunctiononYouTubePlayerReady(id){console.log("onYouTubePlayerReady()Fired!");varplayer=$("#youtube_player").get(0);}varparams={allowScriptAccess:"always"};varatts={id:"youtube_player"};swfobject.embedSWF("http://www.youtube.com/apiplayer?ena

javascript - 改进用于解析 YouTube/Vimeo URL 的正则表达式

我创建了一个函数(用JavaScript),它从YouTube或Vimeo获取一个URL。它计算出该特定视频的提供者和ID(演示:http://jsfiddle.net/csjwf/)。functionparseVideoURL(url){varprovider=url.match(/http:\/\/(:?www.)?(\w*)/)[2],id;if(provider=="youtube"){id=url.match(/http:\/\/(?:www.)?(\w*).com\/.*v=(\w*)/)[2];}elseif(provider=="vimeo"){id=url.match

javascript - 如何重置 YouTube 嵌入 <iframe> 中的事件触摸事件监听器?

tl;dr:YouTube嵌入式视频标签有touch-event-listeners。活跃的触摸事件监听器会导致滚动性能问题-AKAjank.我通常通过使用touch-action:initial来设法修复与事件触摸事件相关的卡顿问题。在CSS中。这不适用于Youtube嵌入式视频元素。介绍:KayceBasques-谷歌技术人员-写道:Whenyouscrollapageandthere'ssuchadelaythatthepagedoesn'tfeelanchoredtoyourfinger,that'scalledscrolljank.Manytimeswhenyouencoun

javascript - 无法将消息发布到 http ://www. youtube.com。收件人的来源为 https ://www. youtube.com

我的应用在http://beta.billboard.fm在播放一首歌曲后,在我的正常浏览session中产生错误。如果我以隐身模式重新加载页面,该应用程序将完全正常运行。我最近才开始遇到这些问题。我已完成清除所有缓存并再次运行,但只是在抛出相同错误之前暂时运行。此外,我已禁用所有浏览器扩展。但是,无论我做什么,我都无法从YoutubeAPI抛出这个错误:Unabletopostmessagetohttp://www.youtube.com.Recipienthasoriginhttps://www.youtube.com看起来安全协议(protocol)不匹配。我尝试将它们更改为ht