javascript - Videojs コードは jsfiddle では動作しません

Question

ここで別の質問をするつもりで jsfiddle に入れたコードがいくつかありますが、コードが jsfiddle では機能しないことがわかりました。

フィドルへのリンク

<div ng-controller="MyCtrl">

  <video id='vid' preload="auto" controls class="video-js vjs-default-skin" preload="auto" vjs-video>
    <source src="https://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
  </video>

  <textarea ng-model="playtime">
  </textarea>

</div>

    var myApp = angular.module('myApp', ['vjs.video']);

    function MyCtrl($scope) {
      $scope.playtime = 0;

      $scope.$on('vjsVideoReady', function(e, data) {
        $scope.vid = data.player;


        $scope.commands = {
          'play': function() {
            $scope.vid.play();
          },
          'pause': function() {
            $scope.vid.pause();
            $scope.playtime = 10;
          }
        };

        $scope.ay = annyang;
        $scope.ay.addCommands($scope.commands);
        $scope.ay.debug();
        $scope.ay.start();

      });


    }

問題のコードは、annyang ライブラリを使用して、音声コマンドでビデオを再生または一時停止する単純な Angular アプリです。ビデオは、デフォルトのスキンを使用して、videojs ライブラリを使用してレンダリングされます。

jsfiddle で Angular コントローラーをセットアップする方法について jsfiddle の例に従い、関連するすべてのライブラリを jsfiddle の「外部リソース」に含めました。ただし、フィドルは私のJavaScriptが存在することを認識していないようです。音声コマンドは認識されず、ビデオはスキンされません。コードはメインのセットアップでは機能しますが、jsfiddle では機能しません。

お時間をいただきありがとうございます。どんな助けでも大歓迎です。