AngularJS вызывает функцию контроллера из директивы на HTML5 видео onEnded

Question

Мне удалось вызвать функцию контроллера из директивы, и он отображает console.log без проблем. Когда я пытаюсь установить переменную $scope в 'true', это не работает. Я могу запустить ту же переменную в true из других функций контроллера, хотя. Может быть, что-то делать с областями? Любая помощь приветствуется.

Код ниже:

$scope.demo = {
    showContinueButton: false
}

app.directive("videoplayer", function(){
  return {
    template: "<video ng-src='{{videoSrc}}' type='video/mp4' onended='angular.element(this).scope().vidEnded()'></video>"
  };
});

$scope.vidEnded = function() {
    $scope.demo.showContinueButton = true;
};

app.directive("continuebtn", function(){
  return {
    template: "<span ng-if='demo.showContinueButton'>Continue</span>"
  };
});