Tag: YouTube上的API

Youtube API：查看当前正在播放的videoID: 有没有办法显示/查看/返回当前播放的video（那个，哪个videoID）？这是Iframe API的基本代码： var player; function onYouTubeIframeAPIReady() { player = new YT.Player(‘player’, { height: ‘390’, width: ‘640’, videoId: ‘pJ18QeQy0e8’, events: { ‘onReady’: onPlayerReady, ‘onStateChange’: onPlayerStateChange, ‘onError’: onError, }, playerVars: { ‘controls’: 0, ‘showinfo’: 0, ‘iv_load_policy’: 3, ‘wmode’: “opaque”, }, }); } 第一个video完成后。此事件将被调用： function onPlayerStateChange(event) { if(event.data === 0) { player.stopVideo(); player.loadVideoById(getId()); } } getId（）函数将获得另一个videoId来播放.. […]

Youtube播放按钮在iphone上消失: 我有以下简单的两页html doc，它使用了Jquery Mobile： Video Video Heres a youtube video: And here’s a html5 video: Your browser does not support the video tag. 这里是jsfiddle的行动。在Iphone上，如果您从第一页导航到第二页并播放YouTubevideo，则所有内容均按预期工作。但是，如果您点击浏览器的后退按钮然后再次导航回到YouTubevideo，您将看到该窗口是黑色的，无法再次播放该video。我怎么能解决这个问题？请注意，我的目标是能够在移动平台上播放video。

jQuery $ .ajax调用无法在某些video中使用YouTube API获取JSON: 我试图获得某个YouTubevideo的特定video的标题，以及其他细节。因为他们都可能根植于同一个问题，所以我只是展示一个简单的例子，只需使用API获取标题。这是我到目前为止所拥有的： $.ajax({ url: “https://gdata.youtube.com/feeds/api/videos/” + videoID + “?v=2&alt=json”, dataType: “jsonp”, success: function(data) { videoName = data.entry.title.$t; $(‘#video_name’).text(videoName); } }); 对于某些video，例如此video，这完美无缺。对于其他人，例如这个，它并没有抓住那些信息。为什么这不起作用？第二个例子只是一个不能用于此的video。看来，大约1/3不起作用。我真的很感激对此的一些见解。编辑我如何获得videoID ： var videoID = getUrlVars()[“v”]; function getUrlVars() { var vars = {}; var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { vars[key] = value; }); return vars; } 示例video的结尾如下： […]

Youtube iframe api检查video是否存在: 我正在处理一个带有文本输入的简单页面，用户可以在其中添加要插入页面的YouTubevideo的ID，然后我调用youtube的iframe api来加载video。但是，如果用户添加了不存在的ID，则会出现黑屏。我希望有人知道在加载之前检查video是否存在的方法。这是我的代码： $(document).ready(function() { $(‘#loadVid’).click(function() { var player; var urlVid = $(‘#urlVid’).val(); //GET THE VIDEO CODE FROM THE TEXT INPUT player = new YT.Player(‘player’, { height: ‘390’, width: ‘640’, videoId: urlVid, events: { ‘onReady’: onPlayerReady, ‘onStateChange’: onPlayerStateChange } }); }); });

如何阻止嵌入式Youtubevideo同时播放: SoundCloud播放器具有默认function，当用户启动播放器时，它会自动暂停当前播放的所有其他播放器。（例如： http ： //jsfiddle.net/Vx6hM/ ）。我正在尝试使用通过普通嵌入代码动态添加的嵌入式YouTubevideo重新创建此video。使用此： https ： //stackoverflow.com/a/7513356/938089和此： https ： //stackoverflow.com/a/7988536/1470827 我能够做到这一点： function chain(){ $(‘.post’).each(function(){ var player_id = $(this).children(‘iframe’).attr(“id”); var other_player_id = $(this).siblings().children(‘iframe’).attr(“id”); player = new YT.Player( player_id, { events: { ‘onStateChange’: function (event) { if (event.data == YT.PlayerState.PLAYING) { callPlayer( other_player_id , ‘pauseVideo’ ); alert(‘Trying to pause: ‘ + other_player_id); } […]

播放iframevideo点击链接javascript: 我在网页上使用了iframe video 。这是我的HTML代码 Play video 我需要playvideoonclick播放video链接。我怎样才能做到这一点？

点击使用YOUTUBE Iframe加载多个video: 我在主video容器下面有一些缩略图。我想点击每个缩略图 – 关联的video加载并开始播放使用新的YOUTUBE API IFRAME方法您的帮助或指示将不胜感激在这里预览JSFIDDLE 预览链接更新***

YouTube播放器iframe API：playVideo无法在Firefox 9.0.1上运行: 我有一些YouTube嵌入代码（我只会粘贴代码，这会给我带来麻烦并削减不公开的内容）： console.log(ytplayer); ytplayer.playVideo(); Chrome和FF上的Console.log向我展示了使用正确方法的好对象，并且存在方法playVideo（）。它适用于我检查的所有其他浏览器，但它不适用于FF！？更有趣的是，当我使用普通的YouTube播放按钮播放video时，我可以使用pauseVideo（）方法（以及所有其他方法：搜索，控制音量），但我不能使用playVideo（）方法…… 我使用新的嵌入video方式： ytplayer = new YT.Player(player, { height: height, width: width, videoId: videoid, allowfullscreen: ‘true’, playerVars: { controls: 0, showinfo: 0, wmode: ‘opaque’, autoplay: (autoplay ? 1 : 0) }, events: { ‘onReady’: function () { console.log(‘I am ready’); } } }); 当然’我准备好’是在控制台输出。我不知道我做错了什么，为什么只有FF不工作…没有JS错误，也没有任何线索…希望有人之前遇到过这个问题并得到解决！:)

在mouseleave上暂停YouTubevideo: 我创建了一个function， inserts an YouTube iframe when user hovers on a div ，然后when mouse leaves the div the video is paused. 一切正常但video is paused only the first time时再次点击播放然后离开div它不会暂停。有任何想法吗？谢谢。小提琴： http ： //jsfiddle.net/508oknm7/27/ var tag = document.createElement(‘script’), firstScriptTag = document.getElementsByTagName(‘script’)[0]; tag.src = “https://www.youtube.com/player_api”; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; $(“.video_wrap”).on({ mouseenter: function () { player = new […]

Youtubevideo播放和暂停取决于jquery框架的可见性: 首先，我要感谢Kosmos的惊人答案。如何控制youtubevideo播放和暂停取决于框架或播放器的可见性。有没有办法用youtube嵌入带有HTML标签的video？例如： Tab One Tab Two Tab Three Tab Four Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in […]