こういうのかな?
player = new YT.Playerの所を配列化して
ごにょごにょやればできるかもしれない
上のコードを参考に
YouTubeプレーヤーAPIでYouTubeを複数設置するほぼ丸コピ
IFrame Player APIリファレンス
フリー動画素材はこちら
を参考にしました
サンプル
html
1<!DOCTYPE html>
2<html>
3<head>
4<title></title>
5<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6<script src="//cdn.jsdelivr.net/jquery/3.1.1/jquery.min.js"></script>
7<script src="https://www.youtube.com/iframe_api"></script>
8</head>
9<body>
10<div style="height:500px"></div>
11<div id="sample01"></div>
12<div id="sample02"></div>
13<div id="sample03"></div>
14<div id="sample04"></div>
15<div style="height:500px"></div>
16 <script type="text/javascript">
17 //<!--
18 var DONE = false;
19 // 各プレーヤーの格納
20 var ytPlayer = [];
21 // プレーヤーのサイズ
22 var ytWidth = 640;
23 var ytHeight = 390;
24 // 各動画情報
25 var ytData = [
26 {
27 id: 'Np0bjoZGkGc',
28 area: 'sample01'
29 }, {
30 id: 'RMFM7YzzIec',
31 area: 'sample02'
32 }, {
33 id: 'BAEn_W_98Xo',
34 area: 'sample03'
35 }, {
36 id: 'JB9lXgdNroA',
37 area: 'sample04'
38 }
39 ];
40 $(function(){
41 var WH=Math.floor($(window).height()/2);
42 // スクロールイベント
43 $(window).scroll(function() {
44 if(DONE==false)return false;
45 // 画面内にプレイヤーがあるかを判定
46 for(var i=0;i<ytPlayer.length;i++){
47 if ((ytPlayer[i].getIframe().offsetTop < ($(window).scrollTop()+WH)) && (($(window).scrollTop()+WH <ytPlayer[i].getIframe().offsetTop+ytHeight))){
48 // 動画再生
49 if(parseInt(ytPlayer[i].getPlayerState())!==1){
50 ytPlayer[i].mute().playVideo();
51 }
52 }else{
53 // 動画停止
54 if(parseInt(ytPlayer[i].getPlayerState())==1){
55 ytPlayer[i].pauseVideo();
56 }
57 }
58 }
59 })
60});
61//--------------------------------------------
62// 各プレーヤーの埋め込み
63function onYouTubeIframeAPIReady() {
64 for(var i = 0; i < ytData.length; i++) {
65 ytPlayer[i] = new YT.Player(ytData[i]['area'], {
66 width: ytWidth,
67 height: ytHeight,
68 videoId: ytData[i]['id'],
69 playerVars: {
70 rel: 0
71 },
72 events: {
73 'onReady': onPlayerReady
74 }
75 });
76 }
77}
78//--------------------------------------------
79// 各プレーヤー準備完了後の処理
80function onPlayerReady(e) {
81 for (var i = 0; i < ytData.length; i++) {
82 if(e.target.getIframe().id == ytData[i]['area']) {
83 if(i==ytPlayer.length-1)DONE=true;
84 }
85 };
86}
87//--------------------------------------------
88 //-->
89 </script>
90</body>
91</html>