Can't tab play button on youtube iframe


#1

I’ve trying to add the youtube embed video to the test project. which is create from command ‘ionic start’.

The code in the mark up is :

<ion-view title="Dashboard">
     <ion-content class="padding">
          <iframe width="640" height="360" ng-src="{{ VideoUrl }}" frameborder="0" allowfullscreen></iframe>
     </ion-content>
</ion-view>

The code in the controller is :

.controller('DashCtrl', function($scope, $sce) {
   $scope.VideoUrl = $sce.trustAsResourceUrl("http://www.youtube.com/embed/c6XxjY-1e3M");
})

The result is the youtube iframe is show perfectly fine, but when I tap on the play button (Red one) in centre of the video nothing happen. I’ve tried it on the simulator and real device (iOS8) both result the same. Is this problem related with ionic? Also tried with the device iPhone 5, iPhone 5s, iPad mini 2, iPad3. The iPhone be able to click the play red button. The iPad the play red button did nothing when tapped.

I’ve tried in the simulator (Xcode Version 6.0.1 (6A317)) iPad Air, iPad 2, iPad Retina, iPhone 4s, iPhone 5, iPhone 5s, iPhone 6 Plus, iPhone 6, Resizable iPad, Resizable iPhone, the play red button not working,

Any help would be very appreciated.

Best Regards,
Prutya