Tag: youtube

如何阻止嵌入式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); } […]

youtube apivideo加载function

我正在尝试使用YouTube API检测video何时结束,然后调用JS函数,然后再加载另一个。 调用函数位于另一个JS文档中,该文档位于我的HTML文档的头部。 这是我到目前为止从API站点获得的代码,但我真的很困惑。 var ytfullplayer; function onYouTubePlayerAPIReady() { console.log(‘onYouTubePlayerAPIReady’); ytfullplayer = new YT.Player(‘myVid’, { events: { if ”onStateChange’: getVideo } }); } function getVideo(); } 我已经在页面的头部调用了youtube api。 但我不是百分百肯定它是否去那里。 任何帮助都会很好。 我正在使用我的YouTubevideo。 干杯马特

Bootstrap Modals和Youtube:自动播放和关闭时停止

我需要能够在打开Twitter Bootstrap模式时自动播放youtubevideo,然后在关闭时停止该video。 我知道之前已经问过这个问题,但是我能找到的答案会导致很多包含许多video的页面的javascript代码,我试图减少膨胀。 到目前为止,我有以下工作用于个别video,但问题是每个模态和每个video必须使用适当的变量重复此javascript代码。 $(‘#vidThumbnail-1’).click(function () { var src = ‘http://www.youtube.com/embed/8bKmrhI-YT8?&autoplay=1’; $(‘#vid1’).modal(‘show’); $(‘#vid1 iframe’).attr(‘src’, src); //Fit Vids Implamented Below for Mobile Compatibility $(“#vid1Thumbnail-1 iframe”).wrap(“”); $(“.flex-video”).fitVids(); }); $(‘#vid1 button’).click(function () { $(‘#vid1 iframe’).removeAttr(‘src’); }); HTML: × 当你有20个video和20个模态时,这会变得臃肿! 有没有办法利用数据属性方法启动模态内置引导程序而不是单独调用它,同时仍然只在目标模态中修改iframe src? 打开模态的链接将是: 然后: 读取目标模态中iframe的现有src属性(将其设置为变量?) 使用“&autoplay = 1”附加现有src属性以启动video。 在关闭模态时将src属性替换为原始属性(通过按钮,特别是像上面那样很好)。 这样我就不需要为每个单独的模态编写脚本,节省了大量的时间和臃肿的JS。 但是,我不知道从哪里开始修改bootstrap.js来实现这一目标,而且我没有经验JS(或任何)编程。 感谢你给与我的帮助!

如何调整YouTube播放器的大小,从缩略图大小调整为“正常”大小

我想这与Facebook的做法相似,但是……我还没有弄清楚如何遵循他们的行为,如果这是一个骗局,我道歉。 想法是有一个缩略图大小的播放器( width=”220px” height=”180px” ),当点击时,resize为“正常”大小(当然,正常是任意的,但为了这个例子,如果我们使用width=”445px” , height=”364px”作为Youtube默认值,然后播放。 我假设onClick事件应该改变和标签中定义的高度和宽度属性,但由于对象是flash,我假设flash播放器’捕获’点击而不是将它们报告给浏览器? 以下video是我打算使用的video之一,并在此提供一个真实示例: 作为附录,这可能会在静态html页面中使用一段时间,之后不久就被移到php(5.2)站点,php和html都有jQuery 1.3.2链接,而且我不仅仅是很高兴使用第三方插件,如果有这样的插件很容易做到这一点。 任何和所有的帮助表示赞赏,我很抱歉询问对我来说可能 – 并且对我来说 – 似乎是一个愚蠢的问题。 我想这应该是显而易见的。 提前致谢。

点击YouTube,禁用HTML5 的播放/暂停/全屏

有没有办法让我们通过javascript禁用HTML5video的“播放/暂停/全屏点击”function,然后在我们再次需要时将其恢复?

为什么%E2%80%8F被添加到我的Youtube嵌入代码中?

我在Youtube上有一堆video,我使用相同的代码嵌入。 所有的video都运行正常,直到我上传了最后一个。 每次我现在执行代码时,%E2%80%8F被附加到上次上传的video,除非我特别要求子字符串(0,11); 请注意,没有这个黑客,代码仍然适用于我所有其他上传的video。 虽然代码现在适用于我的hack,但理解为什么会发生这种情况会很棒。 我的HTML标记如下所示: sidebars 我的javascript / jquery看起来像这样: function openNewWindow(youtube_link) { var youtube_link = youtube_link.toString(); youtube_link = youtube_link.substring(0,11); popupWin = window.open(‘/videos/help.php?youtube_link=’+youtube_link, ‘open_window’, ‘menubar, toolbar, location, directories, status, scrollbars, resizable, dependent, width=800, height=440, left=0, top=0’) } $(“.help_video”).click(function(){ openNewWindow($(this).attr(‘id’)); return false; }); }); 然后,我的关联help.php具有以下代码: <iframe width="756" height="426" src="//www.youtube.com/embed/?rel=0&vq=hd720″ frameborder=”0″ allowfullscreen> 谢谢!

删除嵌入的YouTubevideo上的注释

我发现您可以通过在嵌入代码中将参数&iv_load_policy=3到url来禁用嵌入式YouTubevideo上的注释。 例: 有没有办法在使用javascript / jQuery的网页上的所有YouTube嵌入url上强制使用此参数? (类似于此示例,您强制wmode在所有Flash对象上透明)

使用Jquery&.match()获取youtubevideoID

我需要一点推动,因为我几乎可以工作。 我想给jquery提供一个URL,并让它除了videourl之外。 这是我的代码: var url = ‘http://www.youtube.com/watch?v=bxp8NWvIeSo’; $results = url.match(“[\\?&]v=([^&#]*)”); alert($results); }); 我将此作为输出 – ?V = bxp8NWvIeSo,bxp8NWvIeSo 当我只想要的时候 bxp8NWvIeSo

滚动到时自动播放Youtubevideo

当您在页面上滚动video时,有没有办法自动播放YouTubevideo? 我试图谷歌这个看起来像旧的youtube嵌入代码的一些方法。 我正在寻找这个的更新版本 – 有人知道如何在页面上向下滚动一定数量的像素时自动播放YouTubevideo吗? 谢谢你的帮助

在没有youtube链接的情况下嵌入YouTubevideo

如您所知,当您在网页中嵌入YouTubevideo时,它可以正常工作,但如果您点击屏幕的任何部分,youtube网站将在新窗口中打开。 有没有办法在我们的网站上嵌入youtubevideo,但是当点击屏幕暂停video时禁用youtube网站开放? 或者你可以在其他播放器中播放管video..? 我正在寻找方法。 在j查询,ajax,java脚本或PHP,mootools等任何方式的可能性谢谢