Tag: YouTube上的API

只需点击一下即可显示youtube全屏video: 在我的一个网络应用程序中，我正在显示一个youtubevideo拇指指甲我从数据库中获取videoID。我希望在点击此链接时显示该video的全屏。我使用jQuery在iframe中展示了这个。但如何在全屏显示？请帮忙谢谢

如何在更改选择列表中的选项时停止所有YouTubevideo: 根据WP模板中的选择，我在隐藏的div中有几个YouTube播放器显示/隐藏。我遇到的问题是，如果您正在播放video，请使用video在隐藏后继续播放的选择列表来更改频道。加载新内容时，您仍会听到原始video中的音频。我得到了全局变量’玩家’ – >’players.pauseVideo不是函数’的错误。在代码中我创建了一个video播放器arrays，并尝试创建一个全局停止函数，无论我使用什么变量，播放器，player_list等我得到相同的错误。 var players = new Array(); var players_list = [“ytpl-player1”, “ytpl-player2”, “ytpl-player3”]; function stopGlobal() { players_list.pauseVideo(); }

使用jQuery将XML中的搜索结果放入数组中: 我之前提出了另一个问题，并设法获得了一些代码，这些代码可以从YouTube搜索查询中获取XML文件。然后，使用jQuery，从XML文件（videoID）获取所需的信息，并将其放入javascript变量中。这工作得很好，但我想（如果可能的话）我们的网站没有1个，而是3个来自此频道的最新video。我被建议更改搜索以获得3个结果而不是一个，并将jQuery .find（）结果放入数组中。问题是我想（我应该说我确定）我做错了…看一看： jQuery(document).ready(function() { jQuery.ajax(‘https://gdata.youtube.com/feeds/api/videos?author=inthegamesroom&orderby=published&prettyprint=true&start-index=1&max-results=3&v=2′,{ dataType:’xml’, success: function(data,status, xhr ) { var $data =$(data); var videoTag = new array ($data.find(‘videoid’)); var videoId1 = videoTag[0].text(); var videoId2 = videoTag[1].text(); var videoId3 = videoTag[2].text(); } }); // YouTube Video embed command function embedYT1(id, loaction) { jQuery(location).append(“”) } // Call video embed function for […]

YouTube API – 获取全局变量中的当前时间: 这里有jsfiddle http://jsfiddle.net/StephanieQ/oo1g1762/ // This code loads the IFrame Player API code asynchronously. var tag = document.createElement(“script”); tag.src = “//www.youtube.com/iframe_api”; var firstScriptTag = document.getElementsByTagName(“script”)[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // This function creates an (and YouTube player) // after the API code downloads. var player; window.onYouTubeIframeAPIReady = function() { player = new YT.Player(“player”, { “height”: “315”, “width”: “560”, “videoId”: […]

YT.Player仅在QA中为空: 我正在尝试创建一个YT.Player对象但是失败了。当我在console.log（）中使用YT.Player对象时，我看不到与cuePlaylist()或getDuration()相关的预期函数。该代码适用于我的Local和Dev环境，但在我的QA环境中失败。有谁知道为什么会发生这种情况？通过我的调试，我成功地提取了YoutubevideoID（我有console.log），并在创建YT.Player对象时将其作为参数传递。我不明白为什么YT.Player在向我传递有效的Youutube ID时会报告空video。此外，我很困惑为什么它适用于我的本地/开发，但不适用于QA环境。 onYouTubeIframeAPIReady = function() { createPpdYoutubeObjects(); }; function createPpdYoutubeObjects() { var delay = 5000; // need to wait for Youtube videos to load setTimeout( function(){ // Sets up player tracker, and init the carousel var players={}; $(‘iframe.ytplayer’).each(function() { players[ grabYoutubeIdFromUrl($(this).attr(‘src’)) ] = new YT.Player( grabYoutubeIdFromUrl($(this).attr(‘src’)), { events: { […]

Youtube api无法在Firefox上加载: 我有以下代码片段来控制嵌入式youtube播放器。它适用于Chrome和Safari，但不适用于Firefox。 jsfiddle： http ： //jsfiddle.net/fuSSn/4/ 我的应用中的代码： iframe：我的javascript： var source_tag = document.createElement(“script”); var first_source_tag = document.getElementsByTagName(“script”)[0]; first_source_tag.parentNode.insertBefore(source_tag, first_source_tag); // This function will be called when the API is fully loaded function onYouTubeIframeAPIReady() { YT_ready(true) console.log(“api loaded! yikes”) } function getFrameID(id){ var elem = document.getElementById(id); if (elem) { if(/^iframe$/i.test(elem.tagName)) return id; //Frame, OK // else: […]

在现有播放器上启用YouTube API: 我有一个嵌入了youtubevideo，我希望应用YouTube API。我使用jQuery添加url参数如下（ demo ）： $(document).ready(function(){ var obj = $(‘object’); obj.find(’embed’).attr(‘src’, function(i,s){return s+’&enablejsapi=1&version=3′}) obj.find(‘param[name=movie]’).attr(‘value’, function(i,v){return v+’&enablejsapi=1&version=3′}) $(‘.play’).click(function(){ obj.find(’embed’)[0].playVideo(); }); $(‘.pause’).click(function(){ obj.find(’embed’)[0].pauseVideo(); }) }); 这种方法在Firefox中运行良好，但在IE或Chrome中完全没有（不确定其他浏览器）。所以我的问题是如何修改它以使API在其他浏览器中工作？我是否必须完全删除对象并使用SWFObject替换它？注意：嵌入代码直接来自YouTube。更新：我想出如果我删除对象，添加url参数然后添加对象，我现在可以让它在Chrome中工作，但仍然不是IE（更新演示）。附录：当对象/嵌入已经包含启用代码时，为什么YouTube API不起作用？我试图避免使SWFObject成为一种依赖。

有没有办法为YouTube播放列表中的每个video生成单独的YouTube嵌入？: 我知道如何在一个播放器中嵌入来自YouTube的播放列表，例如使用以下代码中的播放列表ID：我希望我的网站上有一个部分可以从YouTube播放列表中提取每个video，并为每个video制作一个单独的videoYouTube，而不是在一个播放器中连续播放每个video。这可能吗？我将如何利用API来实现这一目标？

onYouTubeIframeAPIReady函数没有调用: 我想调用onYouTubeIframeAPIReady函数，但这不是触发。我在控制台中只得到frameID但其他函数没有被调用。 $(document).ready(function(){ var player; var ytsrc = $(‘.video_holder_frame’).find(‘iframe’).attr(‘src’); if (ytsrc) ytsrc = ytsrc.match(/youtube.com\/embed\/([^\\?]*)/i); if (!ytsrc) return; var frameID = ‘youtube_’ + ytsrc[1]; console.log(frameID); $(‘.video_holder_frame’).find(‘iframe’).attr(‘id’, frameID); function attachToYoutubeFrame() { console.log(“attachToYoutubeFrame”); function onytplayerStateChange(newState) { console.log(“onytplayerStateChange”); console.log(newState); }; player = new YT.Player(frameID, { events: { “onStateChange”: onytplayerStateChange } }); }; function onYouTubeIframeAPIReady() { attachToYoutubeFrame(); }; });

如何在不丢失当前状态的情况下使用jquery显示/隐藏YouTubevideo？: 我正在构建一个jquery ajax页面，其中显示了youtubevideo列表。我在页面上有两个视图（列表和video），它们构建为LI元素，向左浮动，在UL元素内。我这样构建它是因为视图之间的过渡是使用水平幻灯片效果完成的，我发现使用列表可以在视图高度不同时正确地垂直调整页面大小。从列表视图中选择video时，我首先看看它是否存在于DOM中。如果是，我只需将其移动到video视图。如果没有，我创建一个新的DIV并将video加载到其中。将video移动到video视图后，我将video视图滑动到位。当转换回列表视图时，我将video移动到隐藏的“帮助器”div中，这样我就可以将它保存在DOM中。我遇到的问题是，每当我将YouTube移动到video视图或从video视图移动时，它都会重置。因此，即使video已完全加载（和/或部分播放），移动后，播放器也会重置为0并且必须完全重新加载。我正在使用appendTo（）来移动它。这是一个简化的jsfiddle测试： http://jsfiddle.net/UPhek/3/ 您将在我的测试代码中看到我可以显示/隐藏播放器并保持状态。但是当我使用.appendTo（）将videoDIV移动到辅助DIV时，我失去了播放器的状态。我设置了3个测试……您可以通过更改whichTest全局变量来更改测试。