Tag: youtube

如何检查YouTube上的video是否存在于客户端: 我正在validation我的Youtubeurl文字字段。我需要检查，如果Youtubeurl不存在，我应该抛出错误，我按照这个答案创建了jsfiddle来检查它。它适用于有效的URL，但不适用于无效的URL。我看到的只是network console 404错误有没有办法检查客户端是否存在使用JavaScript和jQuery url。这是我的代码： var videoID = ‘kn8yzJITdvI’;//not working //var videoID = ‘p4kIwWHP8Vc’;//working $.ajax({ url: “https://gdata.youtube.com/feeds/api/videos/” + videoID + “?v=2&alt=json”, dataType: “jsonp”, success: function(data) { console.log(data) $(“#result”).text(data); }, error: function(jqXHR, textStatus, errorThrown) { // Handle errors here alert(‘ERRORS: ‘ + textStatus); } }); JSfiddle Link

JQuery：合并多个JSON结果: 情况：用户希望使用Youtube的JSON API在JQuery站点中导入Youtube播放列表。问题： Youtube只返回前50个条目，但播放列表的长度可以超过100个（长度由JSON响应中的’totalItems’给出）。所有条目都需要合并为1个对象，最后需要将其推送到输出函数中。条目1-50： http ： //gdata.youtube.com/feeds/api/playlists/84780DAC99E1A285？ v = 2 &alt = jsonc＆max-results = 50＆start-index = 1 条目50-100： http ： //gdata.youtube.com/feeds/api/playlists/84780DAC99E1A285？ v = 2 & alt = jsonc＆ max- results = 50＆ start- index = 50 当前代码： function fetchPlaylist(pid) { var the_url = ‘http://gdata.youtube.com/feeds/api/playlists/’ + encodeURIComponent(pid) + ‘?v=2&alt=jsonc&max-results=50’; $.ajax({ type: “GET”, url: the_url, […]

停止播放所有YouTube iframe嵌入？: 我被卡住了！我正在使用jquery，点击，拉一个youtube json-c feed，抓住第一个id，然后使用它将html5 iframevideo添加到ul的顶部。然后我递增它并拉出第二个id，第三个id等，并相应地添加它们。问题是，当预先添加新video时，我希望以前的任何video都停止播放。他们用javascript / jquery完成这个任何方式吗？这是函数调用： function videoCall(i) { $.getJSON(‘http://gdata.youtube.com/feeds/api/standardfeeds/most_recent?v=2&max-results=50&alt=jsonc’, function(vid) { var fullItem =”; var videoID = (vid.data.items[i].id); var videoLink = ‘http://www.youtube.com/watch?v=’ + videoID; var videoTitle = (vid.data.items[i].title); fullItem += ”; fullItem += ”; fullItem += ‘Email This’; fullItem += ”; $(fullItem).hide().prependTo(‘#content ul’).slideDown(‘slow’); }); }

Bootstrap轮播 – 播放YouTubevideo时暂停: 我的Bootstrap轮播中有一些嵌入式YouTubevideo。默认情况下，轮播会自动前进，但我想在播放video时暂停。是否有检测video播放时间的技巧？我想在不使用YouTube API的情况下这样做（每个轮播都有任意数量的video，我不想创建每个video的实例）。编辑：最终设计我在video上创建了重叠： .video_mask{ position:absolute; top:0; left:0; width:100%; height:275px; z-index:25; opacity:0; } 当我点击蒙版时，我将相应的iframe设置为自动播放，隐藏蒙版，并暂停轮播： $(‘.video_mask’).click(function(){ iframe = $(this).closest(‘.item’).find(‘iframe’); iframe_source = iframe.attr(‘src’); iframe_source = iframe_source + “?autoplay=1” iframe.attr(‘src’, iframe_source); // hide the mask $(this).toggle(); // stop the slideshow $(‘.projectOverviewCarousel’).carousel(‘pause’); }); 当用户点击轮播控件时，它会重置所有蒙版和iframeurl： $(‘.projectOverviewCarousel’).on(‘slide’, function(){ var iframeID = getID($(this).find(‘iframe’).attr(“id”)); // stop iframe from playing if(iframeID […]

按下播放按钮后进行回调 – Youtube嵌入video: 按下播放按钮后可以执行javascript操作吗？我知道我需要在Youtube的API中使用onStateChange函数。但我真的不知道从哪里开始？有帮助吗？谢谢。 – 我也在这里找到了一些东西： http ： //apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html

单击图像后如何播放/启动YouTubevideo？: 我有一个图像，我想在我点击图像后才开始播放YouTubevideo。我怎样才能做到这一点？非常感谢！

如何弹出一个jquery窗口来播放youtubevideo？: 我需要这个video自动播放。这将是很好的，这个代码可以播放来自其他来源的video，如雅虎等。是否也可以使用HTML5而不是jquery？

如何从url获取youtubevideoID: 我正在尝试检查url是否是有效的YouTubevideourl并从中获取YouTubevideoID，到目前为止我使用的是一个简单的javascript拆分function以实现此function，但是这有一些小的缺点，因为youtube有多个url。我一直在查看其他stackoverflow线程，但是它们只支持1个特定的URL，这不是我需要的。我需要一些匹配所有这些URL的东西： HTTP（S）：//www.youtu.be/videoID HTTP（S）：//www.youtube.com/watch V = VIDEOID （以及脚本自动检测是否包含youtubevideo的任何其他短URL）任何可以通过浏览器快速/高效处理的想法都非常感谢！

以正确的9:16格式显示Youtubevideo和缩略图: 我可以使用此处描述的链接轻松获取Youtube图像缩略图：如何从YouTube API获取YouTubevideo缩略图？但所有这些缩略图都采用3：4格式（或接近的格式），即使video本身采用其他格式。然后在图片的顶部和底部可以看到一些黑色水平条。我需要9:16格式的图像（这是我的video格式），没有黑条。这有可能撤退吗？更新即使Youtube页面上的video中没有黑条，Youtubevideo本身也会在顶部和底部显示黑条。有什么方法可以简单地以正确的格式显示缩略图和video吗？更新我发现了这个：在youtube缩略图上删除黑色边框4：3 提问者想要移除黑色顶部和底部条。这里最好的答案是调整高度并通过手动校正“隐藏”黑条。下面的一些评论也表明了这一点。这是否意味着无法避免？

当Bootstrap模式关闭时，Youtubevideo仍在播放: 我正在创建一个带有bootstrap的网站，可以在这里找到 – http://www.branchingouteurope.com/digital-spark-testing/ 如果您选择video图像，您将看到一个模态窗口打开YouTubevideo。我遇到的问题是，当模态窗口关闭时，video会继续播放。我希望在模态窗口关闭时停止播放此video。我看过网上看了很多解决方案，但似乎都没有。这是标记…… × `