Allow Click Through To Embedded Object

[calendee]

It does not seem possible to click through to an embedded video object (YouTube).

Need some mechanism to allow clicking on embed and allowing Flash content.

References :
http://forum.ionicframework.com/t/cant-play-embed-video-in/1539/3

[mlynch]

Good plunker: http://plnkr.co/edit/XmyAhE?p=preview

[CoenWarmer]

I'm using a custom directive to achieve this:

angular.module('DOGE.Directives', []);

angular.module('DOGE.Directives').directive('embedSrc', function () {
  return {
    restrict: 'A',
    link: function (scope, element, attrs) {
      var current = element;
      scope.$watch(function() { return attrs.embedSrc; }, function () {
        var clone = element
                      .clone()
                      .attr('src', attrs.embedSrc);
        current.replaceWith(clone);
        current = clone;
      });
    }
  };
})

Then use this embed-src in your partial. Like so:

<embed embed-src="https://www.youtube.com/v/{{variable}}?suggestedQuality=medium&hl=en_US&feature=player_embedded&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always"></embed>

At least in a YouTube video on iOS, this allows the play button to be clicked and the video plays.

[mlynch]

Thanks! Just fixed this, should work now in HEAD.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.