繁体   English   中英

youtube iframe API-使用ajax内容一次播放一个视频

youtube iframe API- play one video at a time on ajax content

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在制作网页。 我正在使用jQuery加载(AJAX)函数将新内容(文章)动态加载到内容div中。 在此div中,会加载多个视频。 我想要的是一次只播放一个youtube视频。 如果一个视频处于播放状态,并且用户单击了另一个视频,则上一个视频应该暂停。 我已经使用onYouTubeIframeAPIReady()脚本代码来实现该功能。 该代码仅适用于首次实例加载的视频。 当我向下滚动页面时,页面上将加载不同的视频(通过AJAX调用),并且代码不适用于新内容。 还显示如下错误:

TypeError:this.pauseVideo不是函数-this.pauseVideo();

我在下面添加了脚本代码:

var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
var num = firstScriptTag.length;
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

 function onYouTubeIframeAPIReady() {

    var $ = jQuery;
    var players = [];
    $("iframe").filter(function(){
        return this.src.indexOf('https://www.youtube.com/') == 0}).each( function (k, v) {

        var $urls_get=$(this).attr("src");
        var $new_url=$urls_get+"&enablejsapi=1";
        if (!this.id) {
           this.id='embeddedvideoiframe' + k;
           this.src=$new_url;
        }

        players.push(new YT.Player(this.id, {
           events: {
                'onStateChange': function(event) {
                   if (event.data == YT.PlayerState.PLAYING) {
                        $.each(players, function(k, v) {

                            if ('embeddedvideoiframe' + k != event.target.getIframe().id) {
                                    this.pauseVideo();
                            }
                        });
                    }
                }
            }
        }))
    });
}

请帮忙。 提前致谢。

问题暂未有回复.您可以查看右边的相关问题.
1 一次播放一个 YouTube 视频

我将在此代码中进行哪些调整,以便一次只能播放一个视频? 设置它以便如果我点击另一个视频,它之前的视频会暂停? 这是我一直在尝试做的事情,但似乎无法弄清楚如何去做。 这将如何完成? 为了实现这个功能,我会向它添加什么代码? 代码 https://jsfiddle.net/d72Lp43v/293 ...

2 YouTube数据API-在播放列表中搜索视频

YouTube API可让您通过指定频道ID从给定频道中搜索视频-但是可以从给定播放列表中搜索视频吗? 目前,我已经设置使用API​​从选定的播放列表中获取所有视频 但是我似乎无法结合搜索-除非我从播放列表中获得所有项目,然后再进行搜索。 这将是低效率的,并会占用我更多的日常津贴 ...

2014-07-28 10:01:47 0 108   youtube
3 我可以多久使用API​​将视频上传到YouTube一次?

我有一个程序可以将市场研究视频分成30分钟,然后通过API上载到YouTube。 我知道有API限制,但似乎没有发布。 通过API上传视频的频率是否有设定的限制? 我现在正在做的是上传视频,如果该过程少于5分钟,则该程序会休眠直到5分钟过去。 我意识到我可以连续上传它们,并捕获“最近 ...

4 使用其Api播放YouTube视频

我正在尝试使用其api播放youtube视频,但被卡住了,我已经使用此教程https://www.youtube.com/watch?v=q7m3qCsQBEE在xcode中设置了api,但我不知道下一步该怎么做,谷歌文档确实令人困惑,并且难以理解像我需要任何帮助的简单服务? 我知道如何将 ...

5 YouTube数据API-将视频上传到一个频道

我受命创建一个Node js应用程序,该应用程序提供给需要提交视频的一些受信任的人。 预算确实很小,他们没有钱租用云存储。 现在,我想知道是否可以生成某种密钥并将视频从设备上传到单个YouTube频道。 我搜索了文档,但找不到相关的内容。 用户是内部的且受信任的,因此该应用程序将 ...

6 如何一次停止在iframe上播放多个视频

这是一个index.php文件,我在其中编写代码以同时停止在iframe上播放视频。在控制台上可以正常工作,但在这里无法正常工作。我不明白在哪里我应该调用此脚本? 这是一个script.js文件,使用youtube数据API,其中列出了频道ID中的所有youtube视频以及可见 ...

7 一次播放多个iframe视频

我正在使用此视频脚本-http://zerosixthree.se/create-a-response-header-video-with-graceful-degradation/-在同一html页面中运行多个视频时遇到问题,一个每个部分。 它们都在同一时间开始,并且始终从第一个链接开始播放 ...

8 如何播放没有iframe的YouTube视频?

寻找一种在HTML,Javascript,PHP或CSS支持的视频播放器中显示YouTube视频的方法。 可能是CSS。 我不反对下载视频并自己托管它需要,但我更愿意让谷歌主持它。 有任何想法吗? ...

10 youtube播放api-某些片段无法播放

因此,我正在使用youtube上的新播放API进行编程,我注意到一些剪辑说:“此视频无法在移动设备上播放”。 现在我的问题是为什么? 并有某种方法可以解决这个问题。 就像webview.getSettings().setUserAgentString("user-agent-string" ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM