Tag: YouTube上的API

如何在嵌入式YouTube iFrame上启动function: 尝试在嵌入式YouTube iFrame结束时触发function。只需要知道如何找到结局 – 之后我很好。

如何检查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

javascript addEventListener onStateChange在IE中不起作用: 我有两个彩盒弹出框，每个弹出框都显示一个youtubevideo。当他们完成播放时，我试图让它们自动关闭彩盒窗口。下面的代码在firefox中运行完美，但在IE中我无法使用addEventListener。我试过attachEvent没有成功。任何人都可以就如何解决这个问题提出任何建议吗？看起来很简单，但我已经筋疲力尽，试图找到解决方案。顺便说一句，这是我第一次在stackoverflow，这是非常令人印象深刻。更新1：嗯，这是我目前的代码。它在FF中运行完美，但IE只输出良好。 IE8调试器也不报告任何错误…… function onYouTubePlayerReady(playerId) { if (playerId && playerId != ‘undefined’) { if(playerId && playerId == ‘ytvideo1’){ var ytswf = document.getElementById(‘ytplayer1’); alert(‘good’); } else if(playerId && playerId == ‘ytvideo2’){ var ytswf = document.getElementById(‘ytplayer2’); } else { } setInterval(”, 1000); ytswf.addEventListener(‘onStateChange’, ‘onytplayerStateChange’); alert(‘great’); } } function onytplayerStateChange(newState) […]

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结束回调？谢谢。

使用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){ […]

在youtube iframe嵌入游戏中触发一个事件: 我需要在youtube iframe上播放一个事件。因此，当按下播放按钮时，我需要调用一个函数来隐藏span.module-strip 我试过这个，但也许我走错了路？ $(“#home-latest-vid”)[0].onplay = function() { alert(‘hi’); }; HTML： Latest Product Video

检查YouTubevideo是否正在播放并运行脚本: 我在WordPress中嵌入了以下video 它位于SlideDeck滑块内，我想在有人点击video时停止。我无法弄清楚如何获得这行代码 self.pauseAutoPlay = true; 在video播放时运行。我非常需要一些帮助。编辑：因为我不是最终用户。我需要一些适用于YouTube默认嵌入代码的内容。

在JavaScript中暂停YouTube iFrame API: 我在幻灯片中嵌入了Youtubevideo，当用户点击img缩略图时我想暂停：我一直在Youtube API上，但我很困惑如何开始。当我将?enablejsapi追加到YouTube video id的末尾时，API JS会自动加载吗？这是我的JS： var player1 = document.getElementById(‘my-video’); $(‘img’).click(function () { player1.pauseVideo(); }) 编辑：以下是我根据马特的答案做的事情，对于任何想知道的人：然后是我的JS： var tag = document.createElement(‘script’); tag.src = “//www.youtube.com/iframe_api”; var firstScriptTag = document.getElementsByTagName(‘script’)[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // Create YouTube player(s) after the API code downloads. var player1; var player2; function onYouTubeIframeAPIReady() { player1 = new YT.Player(‘player-1’); player2 = […]