Tag: youtube

YouTube（注入）video结束回拨: 我将YouTube iframe注入文档中的div并将其绑定到click： jQuery(document).ready(function($) { jQuery(‘.video-thumb’).click(function(){ … $(‘#player’).html(”); … } } 我希望在video结束时进行回调。我已经阅读了关于onYouTubePlayerAPIReady ，但它必须放在文件外面。我试图通过这种结构加载video播放器，准备好文件： var player; function onYouTubePlayerAPIReady() { player = new YT.Player(‘player’, { height: ‘421’, width: ‘761’, videoId: ”, playerVars: { autoplay: 1, autohide: 1, showinfo: 0 }, events: { ‘onReady’: onPlayerReady, ‘onStateChange’: onPlayerStateChange } }); } 但我遇到了一些问题： showinfo：0不起作用，最后还有其他video缩略图我不知道如何更改videoID（并重新启动video？）比第一种方法更多的脚本错误（注入iframe）我更喜欢使用第一种方法，但如何创建video结束回调？谢谢。

jQuery FancyBox YouTubevideo无效: 我有一种情况，我不能修改锚标记的HTML代码，但’href’属性除外。因此，不能在锚标记中添加类。 HTML标记如下：为了区分这个链接和其他链接，我在jQuery代码中添加了一个基于’href’的选择器。代码如下： (function ($) { $(‘a[href*=”youtube”]’).fancybox({ ‘padding’ : 0, ‘type’ : ‘swf’, ‘href’ : this.href.replace(new RegExp(“watch\\?v=”, “i”), ‘v/’), ‘swf’ : { ‘wmode’ : ‘transparent’, ‘allowfullscreen’ : ‘true’ } }); e.preventDefault(); })(jQuery); 这似乎根本不起作用。谁能告诉我哪里出错了？我正在使用Drupal，因此为什么我在顶部添加了部分以启用’$’。我在控制台中看不到任何错误，页面只是直接导航到YouTube页面而没有JavaScript干预。

使用javascript / jquery获取Youtubevideo信息: var url = “http://gdata.youtube.com/feeds/api/videos/VA770wpLX-Q?v=2&alt=json-in-script&callback=”; var title; var description; var viewcount; var views; var author; $.getJSON(url, function(data){ title = data.entry.title.$t; description = data.entry.media$group.media$description.$t; viewcount = data.entry.yt$statistics.viewCount; views = numberFormat (viewcount); author = data.entry.author[0].name.$t; listInfo (title,description,author,views); }); 这就是我的代码从单个video中获取信息，在收到信息后，它会调用此函数来显示它： function listInfo (title,description,author,views) { var html = [”]; html.push(”,”, title,”,description, ”,author,”,’ Views:’,views,”); html.push(”); document.getElementById(“agenda”).innerHTML = html.join(“”); } function numberFormat(nStr,prefix){ […]

JQuery，淡入youtube iframe嵌入: 我试图淡入youtube iframe嵌入，但它只适用于IE9，所有其他最新的浏览器（Safari，Opera，Chrome，Firefiox）它没有。 iframe立即显示为将不透明度设置为0。我在Windows上。我错了什么？ ps：这适用于Vimeo youtube iframe嵌入。的jsfiddle： http://jsfiddle.net/jgtSS/26/

AJAX和YouTube：’X-Frame-Options’到’SAMEORIGIN’。: 我正在编写一个网站，通过jQuery动态加载内容。这样做的原因是让音频播放器保持运行，同时能够在不刷新的情况下浏览页面内容。试图让YouTubevideo正常工作时遇到了麻烦，设置就像这样。网站内容使用.load（）加载，对于video页面，它包含一个无序的YouTubevideo链接列表，每个video都有一个空用于。点击链接会增加并将嵌入video中。一切正常，除了不会加载源，抛出此错误。拒绝在一个框架中显示“ http://www.youtube.com/watch?v=myvideo ”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。还尝试将添加到并display: none; 结果相同。我以为我理解了javascript相同的域名政策，但这超出了我的范围。谷歌搜索错误让我相信它是服务器端的东西？但这没有任何意义。很难摆弄这样的东西，希望它有意义。

使用图像叠加youtube嵌入式video，单击时隐藏图像并自动播放: 我想在我的页面中查看YouTubevideo之前显示图像。有没有办法用jquery或javascript函数来做到这一点。我希望用我自己的图像覆盖它，当点击时，显示video并自动播放它，所有这些都不会重新加载页面。谢谢您的帮助关心朱迪

jQuery Fancybox和YouTube嵌入: 我正试图让YouTube嵌入在Fancybox中打开。我基于Fancybox页面上的代码 – http://fancyapps.com/fancybox 这是我有的： Youtube (iframe) 然后在call.js $(document).ready(function() { $(“.various”).fancybox({ maxWidth : 800, maxHeight : 600, fitToView : false, width : ‘70%’, height : ‘70%’, autoSize : false, closeClick : false, openEffect : ‘none’, closeEffect : ‘none’ }); }) 但每次点击链接时，它都会在同一个窗口中全屏显示YouTubevideo…而不是在Fancybox中我已经检查以确保我的Js文件正在加载它们，我在FF控制台中也没有错误。谁能看到我做错了什么？

Fancybox – video自动关闭function: 我正在使用Fancybox Media。我想在video完成时，关闭fancybox .. 这是我的代码： $（’。fancybox-media’）。attr（’rel’，’media-gallery’）。fancybox（{ openEffect：’none’， closeEffect：’无’， prevEffect：’无’， nextEffect：’无’，箭头：假的，填充：’0’，保证金：’0’，宽度：’100％’，身高：’100％’，助手：{ 媒体：{ youtube：{ 参数：{ 自动播放：1， rel：0，控制：0， showinfo：0，自动隐藏：1 } }}，纽扣： {} } }）;

如何在多个客户端上同步播放YouTubevideo？: 我希望了解如何构建一个允许多个用户在其计算机上同步观看同一YouTubevideo的网络应用。例如， synchtube.com或watch2gether.com 我正在寻找一种可以使用PHP ， jQuery和Apache等常用技术实现的简单方法。我目前正在考虑轮询（或彗星长轮询，但这需要更复杂的服务器设置，我希望避免），类似于Ajax聊天应用程序的实现 – 即客户端不断检查服务器以查看哪个video正在玩。但是，我怀疑这里会出现延迟问题，因此video不会完全同步。我还想不出更好的方法。对于开发人员社区，对方法或代码片段的任何帮助都非常感谢！

使用Youtube的javascript API和jQuery: 我目前正在尝试使用YouTube API作为jQuery插件的一部分，我遇到了一些问题。 YT api的工作方式是加载flash播放器，当它准备就绪时，它会发回一个名为onYouTubePlayerReady(playerId)的全局函数。然后，您可以将该id与getElementById(playerId)结合使用，将javascript调用发送到Flash播放器（即player.playVideo(); ）。您可以使用player.addEventListener(‘onStateChange’, ‘playerState’);将事件监听器附加到播放器player.addEventListener(‘onStateChange’, ‘playerState’); 它会将任何状态更改发送到另一个全局函数（在本例中为playerState ）。问题是我不确定如何将状态变化与特定玩家联系起来。我的jQuery插件可以愉快地将多个video附加到选择器并将事件附加到每个video，但是当状态实际发生变化时，我会忘记它发生在哪个播放器中。我希望一些示例代码可以使事情更清晰一些。以下代码应该可以在任何html文件中正常工作。 Sandbox google.load(“jquery”, “1.3.2”); google.load(“jqueryui”, “1.7.0”); (function($) { $.fn.simplified = function() { return this.each(function(i) { var params = { allowScriptAccess: “always” }; var atts = { id: “ytplayer”+i }; $div = $(”).attr(‘id’, “containerplayer”+i); swfobject.embedSWF(“http://www.youtube.com/v/QTQfGd3G6dg&enablejsapi=1&playerapiid=ytplayer”+i, “containerplayer”+i, “425”, “356”, “8”, null, null, params, […]