Youtube api视频自动播放时，页面滚动

Question

如何播放youtube视频自动当用户滚动页面与几个youtube视频(如在twitter和Facebook)。当滚动到视频-自动播放youtube视频。

Answer 1

你必须这样做。

要使嵌入式视频自动播放，请在视频ID (v/"后面的一系列字母)后面的视频嵌入代码中添加" &autoplay=1 "。

下面是一个例子:

<object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/OdT9z-JjtJk&autoplay=1" /><embed height="350" src="http://www.youtube.com/v/OdT9z-JjtJk&autoplay=1" type="application/x-shockwave-flash" width="425"></embed></object>

如果你想有更多的功能与嵌入的视频，你可以访问这个页面。

Answer 2

https://github.com/olssonandreas/youtubeautoplay

简单的javascript项目，展示了如何在同一页面上自动播放多个视频。当视频在视口中时自动播放开始。

Answer 3

虽然这是一个旧的线程，但我发现了一个解决方案，并认为我将发布它，以防它对任何人都有用。

使用下面的代码，当用户滚动到你的元素时，它将播放嵌入的YouTube视频。只需填写"# youelement "当他们滚动到它时，将播放视频的元素。最后，给你的iFrame和ID属性并改变"#YourIFrame"到iFrame的ID

$(window).scroll(function() {
 
//will trigger when your element comes into viewport
    var hT = $('#YourElement').offset().top,
    hH = $('#YourElement').outerHeight(),
    wH = $(window).height(),
    wS = $(this).scrollTop();

if (wS > (hT+hH-wH)){
    //appends &autoplay=1 to iFrame src, making it autoplay
    var videoUrl = $('#YourIFrame').attr('src');
    $('#YourIFrame').attr('src', videoUrl + "&autoplay=1");
}