【Monaca】 Iframe Player APIで動画をインライン再生させたい

前提・実現したいこと

Monaca使ってアプリを作成している者です。iframe player APIを用いてアプリ内でyoutubeをインライン再生させようと考えております。以前下記のコード（Angular JSを使用　ディレクティブを作成）でインライン再生ができていたのですが、先日Monacaデバッガーのバージョンを10.01に変えたところインライン再生ができなくなってしまい困っております。Monacaに詳しい方がいらっしゃいましたらどのようにすればこの問題を解決できるか教えていただきたいです。よろしくお願いいたします。

該当のソースコード

javascript
1app.directive('youtube', function($window){
2      
3
4      var _link = function(scope, element, attr){
5
6        var tag = document.createElement('script');
7        tag.src = "https://www.youtube.com/iframe_api";
8        var firstScriptTag = document.getElementsByTagName('script')[0];
9        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
10
11        var player;
12
13        $window.onYouTubeIframeAPIReady = function() {
14
15          player = new YT.Player(element.children()[0], {
16             width: "100%",
17             height: "100%",
18            videoId: "rC21xM6_xbE",
19            playerVars: {
20                playsinline:1,
21                controls: 0
22            },
23              events: {
24              'onReady': onPlayerReady,
25              'onStateChange':onPlayerStateChange
26            }
27          });
28        }
29      
30       function onPlayerReady(event) {
31    
32        event.target.playVideo();
33       
34       
35       }
36       var done = false;
37       function onPlayerStateChange(event) {
38         if (event.data == YT.PlayerState.PLAYING && !done) {
39          setTimeout(stopVideo, 6000);
40          done = true;
41        } 
42      }
43      function stopVideo() {
44         player.stopVideo();
45        }  
46      };
47      
48      return {
49        link: _link,
50        scope: {
51          width: "@",
52          height: "@",
53          youtubeId: "@"
54        },
55        restrict: 'E',
56        template: '<div></div>',
57      };
58    });