Tag: youtube javascript api
获取返回随机值的函数的当前值
我想要做的是获取当前正在播放的YouTubevideo的当前videoID，并将其显示在div中。 这是我的YT iframe API代码（就像谷歌开发网站上的基本示例一样）： var player; function onYouTubeIframeAPIReady() { player = new YT.Player(‘player’, { height: ‘390’, width: ‘640’, videoId: currentVideoId, events: { ‘onReady’: onPlayerReady, ‘onStateChange’: onPlayerStateChange, ‘onError’: onError, }, }); } 正如您所看到的，VideoId（它将播放的第一个video）由一个名为“currentVideoId”的变量设置，该变量之前设置如下： var currentVideoId = ‘9z4Kft47kBM’ 我想在div中显示当前ID 为此，我使用了以下代码： $(‘#currentVideoDiv’).html(‘Currently Playing:’ + currentVideoId); 到目前为止一切顺利，它正确地显示了我的第一个videoID。 现在，在第一个video结束后，onStateChange事件将调用此函数： function onPlayerStateChange(event) { if(event.data === 0) { swapVideo(); } } “swapVideo”函数将调用函数getId（）; […]
如何在javascript中使用API捕获Youtube播放器的拖动/跳过/转发事件
我正在查看onStateChange的文档，但即使用户将向左或向右拖动播放器计时器，我也找不到任何内容。 事实上，当我这样做时，onStateChange并没有抓到任何东西。 这来自文档： https://developers.google.com/youtube/iframe_api_reference 只要玩家的状态发生变化，此事件就会触发。 API传递给事件侦听器函数的事件对象的data属性将指定与新播放器状态对应的整数。 可能的值是： -1 (unstarted) 0 (ended) 1 (playing) 2 (paused) 3 (buffering)f 5 (video cued). 当玩家首次加载video时，它将广播未启动的（-1）事件。 当video被提示并准备播放时，播放器将播放video提示（5）事件。 在您的代码中，您可以指定整数值，也可以使用以下命名空间变量之一： YT.PlayerState.ENDED YT.PlayerState.PLAYING YT.PlayerState.PAUSED YT.PlayerState.BUFFERING YT.PlayerState.CUED 但是当你尝试分享video时，Youtube以某种方式做到了！ 转到YouTubevideo，然后单击共享按钮，然后在尝试拖动播放器的计时器时查看“开始时”文本字段。 使用播放器的getCurrentTime更新文本字段。 Youtube是怎么做到的？
如何从YouTubevideo中删除黑条
黑色条显示在YouTubevideo中，video播放时看起来有些奇怪。 我们可以从video中删除黑色空间吗？ 我想删除那个黑色空间并按照我们选择的播放器大小显示所需长宽比的video。 目前我正在使用stander google YT播放器API。 它有意义吗？
动态更改youtube上的videoID
我正在尝试使用以下代码显示没有video的youtube音频，因此我正在更改videoID，但它一次又一次地播放相同的ID。 About function val1(val) { document.getElementsByTagName(“div”)[0].setAttribute(“data-video”, val); alert(val); } Hello change
在youtube javascript api中禁用自动播放
我知道在params和url中使用自动播放：0。 问题是当我使用loadVideoByID（）函数时。 最初的video似乎总是不会自动启动。 但是当我在新video中加载新的自动启动时。 我也不希望那个新的自动启动 $(document).ready(function() { var player; window.onYouTubePlayerAPIReady = function() { player = new YT.Player(‘player’, { height : ‘390’, width : ‘640’, videoId : ‘JW5meKfy3fY’, playerVars : { ‘autoplay’ : 0, ‘rel’ : 0, ‘showinfo’ : 0, ‘egm’ : 0, ‘showsearch’ : 0, ‘controls’ : 0, ‘modestbranding’ : 1, }, events : { […]
Youtubevideo使用javascript上传
我正在尝试使用javascript制作基于浏览器的youtubevideo上传器。 我在这里使用示例代码 在我上传video后进行身份validation后，对youtube服务器的POST请求永远不会结束，video也不会上传。 这也发生在谷歌提供的示例中 。 这是我用来上传video的function： $(‘#upload’).click(function(){ $(‘#upload’).attr(‘disabled’, true); var title = escapeXmlEntities($(‘#title’).val()); var description = escapeXmlEntities($(‘#description’).val()); var category = escapeXmlEntities($(‘#category option:selected’).val()); var xmlBody = ‘ ‘ + title + ‘ ‘ + description + ‘ ‘ + category + ‘ ‘; showMsg(“Submitting metadata of video to get upload token.”); $.ajax({ dataType: ‘xml’, type: ‘POST’, […]
使用jQuery的Youtube iframe播放器JS API – 播放器对象没有方法’getPlayerState’
我有以下代码，假设有鼠标hover事件时暂停Slidedeck的自动滚动。 对于mouseout事件，自动滚动应该恢复工作，除非Slidedeck中的youtobevideo当前正在播放或缓冲。 如果没有Youtubevideo的条件，我的工作正常。 我相信对象播放器的范围有问题，但无法解决，如何解决这个问题。 我在mouseout上的控制台中遇到的错误是： 未捕获的TypeError：对象＃没有方法’getPlayerState’ 欢迎任何建议。 这里是YT播放器iframe JS API函数参考的链接： https ： //developers.google.com/youtube/iframe_api_reference#Functions 这是我的代码： // remap jQuery to $ jQuery(function ($) { /* trigger when page is ready */ $(document).ready(function (){ // Control for the video in Slidedeck // Find slidedeck $( “dl.slidedeck” ) // On mouseenter stop the Slidedeck autoplay .mouseenter( function() { $( […]
